0

我正在使用简单的模态 JQuery 插件在我的 HTML 网站上显示一个对话框。它运作良好,但现在我想在同一页面上显示两个或更多单独的对话框。

这可能吗?

我将演示下载中的代码与 JQuery 调用和 css 文件一起使用。

<div id='container'>
<div id='content'>
<div id='basic-modal'>
<a href='#' class='basic'><img src="images/BlueButtonAccess.png" alt="Access Atatement" id="Image4" onmouseover="MM_swapImage('Image4','','images/BlueButtonAccess2.png',1)" onmouseout="MM_swapImgRestore()" /></a></div>           
<!-- modal content -->
<div id="basic-modal-content">
<div id="simplemodal-header">
<h3>Hill House Access Statement </h3>
</div>          
<div id="iframebox"><iframe src="Access Statement iframe.htm" style="background-color: #3D4049;"width="780" height="476" align="left" frameborder="no" marginheight="0px" scrolling="vertical" ></iframe>
</div>
</div>
<!-- preload the images -->
<div style='display:none'>
<img src='images/CloseButton2.png' alt='' id="Image6" onmouseover="MM_swapImage('Image6','','images/CloseButton.png',1)" onmouseout="MM_swapImgRestore()" />            
</div>
</div>

</div>     
4

1 回答 1

0

看看引导程序。他们提供此功能(无需大量工作)。这是您正在谈论的内容的直接链接 - http://twitter.github.com/bootstrap/javascript.html#modals

于 2013-01-23T02:20:07.660 回答