jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7


本屌丝最近工作要求重写网站所有代码,so...极其蛋疼的事情出现了,管我的人要求不能用网上的插件,oh~~~my god!! 这是多么能让千万只草原上的马儿奔腾的要求~~~

先实现一个比较简单的功能:

需求:网页遮罩层/弹出层,兼容IE6

幸好本屌丝以前聪明收集了个js的版本,so,自己改写成了jQuery插件形式的,方便以后使用。

屁话不多放,无码无真相!
点击下载,

第三步:你看,你要显示在中间的内容box,我是不是没法给你实现,所以,需要你自己建一个,放在网页最下端即可,

eg:
复制代码 代码如下:

<div id="kabulore-layer">
<div class="box_container">
弹弹弹,弹走鱼尾纹~~
</div>
</div>

第四步:在你要弹出来这个内容框的地方加个时间,以click为例:
复制代码 代码如下:

$("#tan").click(function(){
$("#kabulore-layer").layer();
});

大功告成!

注:此插件是点击灰色区域的时候,该弹出层自动隐藏,如果想加个关闭按钮再隐藏,可自己写一下close事件
« 
» 

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3