Question

我是网络开发的新手。我想实现一个功能，当我点击链接＆＃34;点击查看样本颜色＆＃34;时，它会弹出一个像图片一样的页面来显示我所有的样本颜色。但我不知道使用什么样的技术来做这件事。我在w3schools上搜索过。但是使用javaScript的弹出窗口或弹出框并不是我想要的。

你能用一种简单的方法帮助我实现这种效果吗？

非常感谢!!

Answer 1

Bootstrap有一个nice modal屏幕。

这是一个小例子。不要忘记包含引导程序，当然可以在Bootstrap homepage找到如何执行此操作。

要创建一个模态，只需将它放在身体的某个位置：

<div id="myModal" class="modal fade">

    <div class="modal-header">
        <!-- Title here -->
    </div>

    <div class="modal-body">
        <!-- Content here -->
    </div>

    <div class="modal-footer">
        <button type="button" data-dismiss="modal" class="btn btn-primary">OK</button>
        <button type="button" data-dismiss="modal" class="btn">Cancel</button>
    </div>
</div>

并定义一个这样的按钮：

<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch Modal</a>

如何使用javascript

1 个答案: