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 plugin作为模式对话框。我还注意到页面上有一些其他jQuery插件（例如jQuery Masonry），但那些与模态对话框没有任何关系。

这是一个非常小的演示，可以帮助您入门：http://jsbin.com/aqase5

只是一个FYI，如果你想要不同的东西，有其他jQuery modal window/lightbox plugins的 ton 。小样本：

模态弹出与差异

1 个答案: