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