js遮罩层解决方法

js遮罩层
网上找的遮罩层没找到满意的
想不管有没有滚动条
点击弹出的话弹出个遮罩层
同时滚动条隐藏掉不能滚动
像QQ空间
个人中心看别人相册的时候就是这个效果

大家帮忙下！
去网上找了好久没找到满意的了！
[解决办法]
接分。。。。。。。帮顶。。。。
[解决办法]
关注个，帮顶
[解决办法]
http://download.csdn.net/source/1039616
[解决办法]
弹出div就不用说了，应该是没任何问题，隐藏滚动条的话有两个方法：
document.body.style.overflow = "hidden";
or
document.body.scrool = "no";
[解决办法]
其实就是弹出一个DIV啦。。。。
[解决办法]


.divMask{
background:#000;
-moz-opacity:0.6;
opacity:0.6;
filter:alpha(opacity=20);
z-index:100;
border:none;
display:none;
position:absolute;
top:0;
left:0;
}


        if($("#divMask").size()==0){
$("body").append("&lt;div id=\"divMask\" class=\"divMask\"&gt;&lt;/div&gt;&lt;input          type=\"button\" id=\"btnHideMask\" style=\"display:none\"&gt;");
}



        var bodyWidth = $(window).width();
var bodyHeight  = $(window).height()+document.body.scrollTop;
var leftMargin = bodyWidth/2+document.body.scrollLeft;
var topMargin = bodyHeight/2+document.body.scrollTop;

 
$("#divMask").css({"width":$(document).width(), "height":$(document).height()}).show();

[解决办法]
你搜索一下，我以前也是在网上找的。

很好用。
[解决办法]
点击弹出层,后面被屏避2008年12月04日星期四 03:52 A.M.<script>
var docEle = function() {
return document.getElementById(arguments[0])
[解决办法]
false;
}
function openNewDiv(_id) {
var m = "mask";
if (docEle(_id)) document.removeChild(docEle(_id));
if (docEle(m)) document.removeChild(docEle(m));
// 新激活图层
var newDiv = document.createElement("div");
newDiv.id = _id;
newDiv.style.position = "absolute";
newDiv.style.zIndex = "9999";
newDiv.style.width = "200px";
newDiv.style.height = "300px";
newDiv.style.top = "100px";
newDiv.style.left = (parseInt(document.body.scrollWidth) - 300) / 2 + "px"; // 屏幕居中
newDiv.style.background = "#EFEFEF";
newDiv.style.border = "1px solid #860001";
newDiv.style.padding = "5px";
newDiv.innerHTML = "新激活图层内容";
document.body.appendChild(newDiv);
// mask图层
var newMask = document.createElement("div");

newMask.id = m;
newMask.style.position = "absolute";
newMask.style.zIndex = "1";
newMask.style.width = document.body.scrollWidth + "px";
newMask.style.height = document.body.scrollHeight + "px";
newMask.style.top = "0px";
newMask.style.left = "0px";
newMask.style.background = "#000";
newMask.style.filter = "alpha(opacity=40)";
newMask.style.opacity = "0.40";
document.body.appendChild(newMask);

// 关闭mask和新图层
var newA = document.createElement("a");
newA.href = "#";
newA.innerHTML = "关闭激活层";
newA.onclick = function() {
document.body.removeChild(docEle(_id));
document.body.removeChild(docEle(m));
return false;
}
newDiv.appendChild(newA);
}
</script>
<body>
<a href="#" _fcksavedurl="#" onclick="openNewDiv('newDiv');return false;">激活新层</a>
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
网页内容网页内容网页内容
</body>

[解决办法]
呵呵我感觉lz找的时间自己也能写个差不多的了。
[解决办法]
http://topic.csdn.net/u/20090811/23/a0812cf7-4989-408b-b73c-ad6faf458369.html?54206

js遮罩层解决方法

热点推荐