jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
内容摘要
本屌丝最近工作要求重写网站所有代码，so...极其蛋疼的事情出现了，管我的人要求不能用网上的插件，oh~~~my god!! 这是多么能让千万只草原上的马儿奔腾的要求~~~
先实现一个比
先实现一个比
文章正文
本屌丝最近工作要求重写网站所有代码，so...极其蛋疼的事情出现了，管我的人要求不能用网上的插件，oh~~~my god!! 这是多么能让千万只草原上的马儿奔腾的要求~~~
先实现一个比较简单的功能：
需求：网页遮罩层/弹出层，兼容IE6
幸好本屌丝以前聪明收集了个js的版本，so，自己改写成了jQuery插件形式的，方便以后使用。
屁话不多放，无码无真相！
先实现一个比较简单的功能：
需求：网页遮罩层/弹出层，兼容IE6
幸好本屌丝以前聪明收集了个js的版本，so，自己改写成了jQuery插件形式的，方便以后使用。
屁话不多放，无码无真相！
点击下载，
第三步：你看，你要显示在中间的内容box，我是不是没法给你实现，所以，需要你自己建一个，放在网页最下端即可，
eg:
<div id="kabulore-layer">
<div class="box_container">
弹弹弹，弹走鱼尾纹~~
</div>
</div>
第四步：在你要弹出来这个内容框的地方加个时间，以click为例：
$("#tan").click(function(){
$("#kabulore-layer").layer();
});
大功告成！
注：此插件是点击灰色区域的时候，该弹出层自动隐藏，如果想加个关闭按钮再隐藏，可自己写一下close事件
第三步：你看，你要显示在中间的内容box，我是不是没法给你实现，所以，需要你自己建一个，放在网页最下端即可，
eg:
复制代码 代码如下:
<div id="kabulore-layer">
<div class="box_container">
弹弹弹，弹走鱼尾纹~~
</div>
</div>
第四步：在你要弹出来这个内容框的地方加个时间，以click为例：
复制代码 代码如下:
$("#tan").click(function(){
$("#kabulore-layer").layer();
});
大功告成！
注：此插件是点击灰色区域的时候，该弹出层自动隐藏，如果想加个关闭按钮再隐藏，可自己写一下close事件
代码注释
作者：喵哥笔记
