-5

如何使用 JavaScript 和 CSS 创建带有灰色背景的模态弹出窗口?

谁能给我一个例子?

4

6 回答 6

5

我会推荐jQuery的...

http://jqueryui.com/demos/dialog/

于 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 回答