如何使用 JavaScript 和 CSS 创建带有灰色背景的模态弹出窗口?
谁能给我一个例子?
我会推荐jQuery的...
您可以研究创建一个JQuery 对话框;我相信这会给你你正在寻找的方式。我不认为实际的弹出窗口是您想要的解决方案。
嗨,您可以为此使用两个 div。第一个 div 包含您所有的主页内容,第二个用于禁用内容。当您触发事件时,使第二个 div 填充所有 UI,并且它应该位于第一个的顶部。如果您在第一个 div 中有任何组合框,那么您必须禁用它或使其不可见,否则它将从第一个 div 中弹出。
你可以使用我的 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');
}
看看 getbootstrap.com -> modal
它被称为“灯箱”,之前已经讨论过数十次。