有差异的模态弹出

Question

我想使用下面所示的一个模式窗口的例子：http://www.insight51.com/surf/ (只要在任何图像中点击查看它的动作)，我检查了页面的源代码，我可以看到我需要大量的css和脚本.这不是正常的弹出式.

<meta name="location" content="HemiEU" /> 
    <link rel="stylesheet" type="text/css" media="screen" href="themes/insight/css/framework.css" /> 
    <link rel="stylesheet" type="text/css" media="screen" href="themes/insight/css/stylesheet.css" /> 
    <link rel="stylesheet" type="text/css" media="screen" href="themes/insight/css/jquery.modal.css" /> 
    <!--[if lt IE 9]><link href="themes/insight/css/ie8.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->     
    <!--[if IE 6]><link href="themes/insight/css/ie6.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->        
    <script type="text/javascript" src="themes/insight/js/jquery.min.js"></script>      
    <script type="text/javascript" src="themes/insight/js/combined.js"></script>    
    <script type="text/javascript" src="themes/insight/js/common.js"></script>  
    <!--[if lt IE 9]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
    <![endif]-->

你能帮帮我吗？

我正在工作的网站是www.thedayistoday.co.uk。

Answer 1

该站点使用jQuery表示一般的JavaScript性感，使用jqModal插件表示模态对话框。我也注意到了页面上的其他一些jQuery插件(比如jQuery砌体)，但是这些插件与模态对话框并没有任何关系。

下面是一个非常简单的演示来帮助您入门：http://jsbin.com/aqase5

只要一个FYI，有一个吨的其他jQuery模式窗口/灯箱插件，如果你想要不同的东西。小样本：

• https://stackoverflow.com/questions/756342/whats-your-favorite-jquery-modal-plugin
• Fancybox
• jQueryUI对话框
• DOM窗口
• Shadowbox.js
• 彩色盒