我需要创建一个弹出窗口，就像此页面上的地图一样，但我不确定如何最好地做到这一点，并想知道是否有人可以指出一些代码会匹配这种效果？
任何想法都会很棒。
user2367386
问问题
323 次
2 回答
0
要创建一个基本的对话框/模式，您只需要使用 JavaScript创建一个新的div或显示一个现有div的position: fixed和（或其他一些高价值）。z-index: 1000那div可以有你喜欢的任何内容。除了对话框/模态 div，您可能还需要一个背景div，可能至少具有以下样式：
position: fixed;
height: 100%;
width: 100%;
z-index: 500; // or some other high value
如果您不想创建自己的，可以查看jQuery UI dialogs或bootstrap modals。
于 2013-05-12T21:26:48.053 回答
0
Twitter Bootstrap 模态 jQuery 插件非常好。您可以通过在此处自定义引导程序来获取 html 和 javascript：http: //twitter.github.io/bootstrap/customize.html
仅从组件部分中选择模态，从 jQuery 插件部分中选择模态，仅此而已。然后下载。
如何使用它可以在这里找到：
http://twitter.github.io/bootstrap/javascript.html#modals
基本上你所做的是在你的标记中，制作一个将成为弹出窗口的 div，并给它类“模态隐藏淡入淡出”。然后制作一些将作为切换模态的按钮的东西，并为其赋予属性 data-target="(模态 div 的 css 选择器)" 和 data-toggle="modal"。
于 2013-05-12T21:27:15.733 回答