jquery語法實現鎖定彈出層

經常遇到要彈出一個懸浮層，鼠標的事件只能在本層上有效，底層會失效。能用的做 法是在懸浮層和底層之間在加一個遮蓋層，遮蓋住整個瀏覽器，這樣就不能點擊底層的任何東西了。
遮蓋層的定義：

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的值越大表示越在上層）。好了，基本就是這樣吧！

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈