SimpleModal JQuery HTML代码

Question

我使用简单的模态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>     

Answer 1

看看Bootstrap。它们提供了这种功能(不需要很多工作)。以下是您正在讨论的内容的直接链接-- http://twitter.github.com/bootstrap/javascript.html#modals