加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 业界 > 正文

jquery语法实现锁定弹出层

发布时间:2018-08-23 05:08:59 所属栏目:业界 来源:站长网
导读:常常碰着要弹出一个悬浮层,鼠标的变乱只能在本层上有用,底层会失效。能用的做 法是在悬浮层和底层之间在加一个掩饰层,掩饰住整个赏识器,这样就不能点击底层的任何对象了。 掩饰层的界说: var w = Math.max(document.documentElement.scrollWidth, doc

常常碰着要弹出一个悬浮层,鼠标的变乱只能在本层上有用,底层会失效。能用的做 法是在悬浮层和底层之间在加一个掩饰层,掩饰住整个赏识器,这样就不能点击底层的任何对象了。
掩饰层的界说:

var w = Math.max(document.documentElement.scrollWidth, document.documentElement.clientWidth) + "px"; //获取宽
var h = Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight) + "px"; //获取高
//界说一个透明配景层
var gb = $("<div/>").attr("id","gb")
.css({top:"0",left:"0",zIndex:"2",position:"absolute",filter:"alpha(opacity=0)",background:"#fff"})
.css("width",w).css("height",h)

着实声名最首要照旧声名一下配景层的CSS界说。起主要使top和left有用,就要配置 position:absolute。filter:"alpha(opacity=0)配置透明度,数值0-100,0暗示完全透明,100暗示不透明。background配置配景层的颜色。zIndex的值只要比底层的高,比弹出层的低就行了。(zIndex的值越大暗示越在上层)。好了,根基就是这样吧!

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读