此代码适用于任何需要做弹出窗口的网站,不过需要注意的是,页面是通过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>
$(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