如何使用 JavaScript 和 CSS 创建带有灰色背景的模态弹出窗口？
谁能给我一个例子？
问问题
25753 次
6 回答
5
我会推荐jQuery的...
于 2009-04-07T04:08:44.657 回答
2
您可以研究创建一个JQuery 对话框；我相信这会给你你正在寻找的方式。我不认为实际的弹出窗口是您想要的解决方案。
于 2009-04-07T04:10:40.190 回答
1
嗨，您可以为此使用两个 div。第一个 div 包含您所有的主页内容，第二个用于禁用内容。当您触发事件时，使第二个 div 填充所有 UI，并且它应该位于第一个的顶部。如果您在第一个 div 中有任何组合框，那么您必须禁用它或使其不可见，否则它将从第一个 div 中弹出。
于 2009-04-07T04:08:48.243 回答
0
你可以使用我的 JS 库 http://www.cristianizzo.com/DEV/Qpass/index.php?r=JS&v=modal
这是一个例子
<!-- Button trigger modal -->
<a href="#" modal="Modal" modal-Id="modalDialog">Modal Standard</a>
<!-- Modal -->
<div id="modalDialog" class="modal_hidden"> //content </div>
您可以传递回调函数或扩展模式推送其他内容
<!-- Button trigger modal -->
<a href="#" modal="Modal" modal-Id="modalFunction" modal-Size="small" modal-Fn="fnTest">Modal Fn</a>
<!-- Modal -->
<div id="modalFunction" class="modal_hidden">
//Content
<a href="#" onclick="Modal.extendModal('idDiv', fnName); return false;"></a>
</div>
<!-- Second Modal -->
<div id="idDiv" class="modal_hidden">
//Content
</div>
<!-- JS -->
function fnTest(){
alert('execute new function');
}
<!-- JS -->
function fnName(){
alert('execute new function');
}
于 2016-01-23T13:48:53.690 回答
-1
看看 getbootstrap.com -> modal
于 2017-07-04T18:52:50.390 回答
-2
它被称为“灯箱”，之前已经讨论过数十次。
于 2009-04-07T04:10:12.983 回答