网页弹出一个div层 后面出现一个半透明遮罩层 这是怎么实现的

详细点举个例子另外前面这个div层如何让他在浏览器的固定位置显示如果分辨率不一样,不会出现在别的地方... 详细点 举个例子
另外前面这个div层如何让他在浏览器的固定位置显示 如果分辨率不一样,不会出现在别的地方
展开
 我来答
ccrenway
推荐于2017-10-08 · TA获得超过999个赞
知道小有建树答主
回答量:242
采纳率:0%
帮助的人:282万
展开全部
var p=document.createElement("DIV");
p.id="MyAlertBoxMasker";
p.style.position="absolute";
p.style.width=document.body.scrollWidth;
p.style.height=document.documentElement.offsetHeight;
p.style.zIndex='998';
p.style.top='0';
p.style.left='0';
p.style.backgroundColor="gray";
p.style.opacity='0.5';
p.style.filter="alpha(opacity=80)";
//内容层
var p1=document.createElement("DIV");
var top=parseInt(parseInt(document.body.scrollHeight)*0.25)+document.body.scrollTop;
p1.id="MyAlertBox";
p1.style.position="absolute";
var left=document.documentElement.offsetHeight/2;
var left=0;
p1.style.zIndex='999';
p1.style.top=top+'px';
p1.style.left=left+'px';

p1.innerHTML="";//这里是浮动层的具体HTML内容
document.body.appendChild(p);
document.body.appendChild(p1);
//上面就是出现的代码。-----------

//下面代码是关闭的
document.body.removeChild(document.getElementById('MyAlertBoxMasker'));
document.body.removeChild(document.getElementById('MyAlertBox'));
百度网友30cc6ab
2010-07-05 · TA获得超过574个赞
知道小有建树答主
回答量:1336
采纳率:0%
帮助的人:848万
展开全部
在浏览器的固定位置显示,你可以读取网页中一个固定元素的坐标,然后设置这个层和该元素的相对位置。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
jwxkk
2010-07-05 · 超过47用户采纳过TA的回答
知道小有建树答主
回答量:521
采纳率:0%
帮助的人:203万
展开全部
你查下jq或者extjs
现在都是拿这2个js类库做
都很好学
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式