源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-10-03 14:55 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
本屌丝最近工作要求重写网站所有代码,so...极其蛋疼的事情出现了,管我的人要求不能用网上的插件,oh~~~my god!! 这是多么能让千万只草原上的马儿奔腾的要求~~~ 先实现一个比较简单的功能: [b]需求:网页遮罩层/弹出层,兼容IE6[/b] 幸好本屌丝以前聪明收集了个js的版本,so,自己改写成了jQuery插件形式的,方便以后使用。 屁话不多放,无码无真相!
[url=http://xiazai.jb51.net/201406/yuanma/layer_jb51.net.rar]点击下载[/url], 第三步:你看,你要显示在中间的内容box,我是不是没法给你实现,所以,需要你自己建一个,放在网页最下端即可, eg:
[u]复制代码[/u] 代码如下:
<div id="kabulore-layer"> <div class="box_container"> 弹弹弹,弹走鱼尾纹~~ </div> </div>
第四步:在你要弹出来这个内容框的地方加个时间,以click为例:
[u]复制代码[/u] 代码如下:
$("#tan").click(function(){ $("#kabulore-layer").layer(); });
大功告成! 注:此插件是点击灰色区域的时候,该弹出层自动隐藏,如果想加个关闭按钮再隐藏,可自己写一下close事件
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部