js遮罩层解决方法

2013-01-17

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("<div id="divMask" class="divMask"></div><input          type="button" id="btnHideMask" style="display:none">");
}



        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

热点排行

asp.net

js遮罩层解决方法