日期:2014-05-17  浏览次数:20400 次

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");