iframe弹出层jquery特效代码分享

品味人生 • 发布于 2019-02-01 21:37:02

这个家伙很害羞,不想介绍自己!

Q20130809211308

 

此代码适用于任何需要做弹出窗口的网站,不过需要注意的是,页面是通过iframe加载的,因此要为弹窗内容做好相应的调用页面。

使用方法:

1.将JS目录下的popwin.js文件引入到你需要应用的页面

2.导入jquery库,本实例中使用了谷歌的cdn,可以按照情况选择需要的引用方式

3.在页面中引用如下JS代码

<script>
$(document).ready(function() {
$("a").on('click' , function(){
popWin.showWin("800","600","iframe弹出层jquery特效代码","http://www.frontopen.com");
});
});
</script>

其中$("a")可以替换为你需要绑定事件的锚点上。

4.在页面中绑定锚点事件,如<a href="javascript:void(0)">点击弹出iframe层</a>

 

下载地址:http://pan.baidu.com/share/link?shareid=3307136518&uk=1728498014

demo:http://www.frontopen.com/demo/003/