Question

如何使用JavaScript和CSS创建一个灰色背景的模态弹出窗口？

有人能告诉我一个例子吗？

Answer 1

我会推荐jQuery一个......

Answer 2

您可以考虑创建JQuery dialog;我相信这会让你得到你正在寻找的形态。我不认为实际的弹出窗口是你想要的解决方案。

Answer 3

HI，为此，您可以使用两个div。第一个div包含所有主页内容，第二个div用于禁用内容。当您触发事件时，第二个div填充所有UI，它应该在第一个之上。如果你在第一个div中有任何组合框，那么你必须禁用它或使其不可见，否则它将弹出第一个div。

Answer 4

您可以使用我的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'); 
}

Answer 5

看看getbootstrap.com - ＆gt;模态

Answer 6

它被称为“灯箱”，它是discussed dozens of times before。

如何使用JavaScript创建模态弹出窗口？

6 个答案: