-
JS创建一个遮罩层： 1、创建遮罩层： ①js实现元素的添加(即创建元素节点)方法：var oMask=document.createElement("标签名"); ②给创建的元素一个id：oMask.id="mask"; 2、获取页面的高度和宽度： var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth; 3.给遮罩层加上宽高: ①给刚才创建的元素设置高度和宽度为页面高度和宽度，别忘了加单位px oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px"; 4、到这一步刷新页面，并没有创建的那个元素显示，为什么？ 创建的元素目前还停留在JS里面，它并没有向文档插入节点，所以要做下一步插入节点 5、将遮罩层插入到页面中 ①插入节点： document.body.appendChild(oMask);这就是在页面的尾部追加节点 6、这时载刷新页面就出现刚才创建的遮罩层了 在JS里创建节点 var XX=document.creatElement("div"); 节点id创建 XX.id="mask"; 给其添加css样式 XX.style.width=100+"px"; 在页面尾部追加节点 document.body.appendChild("XX");查看全部
-
1、透明度写法： opacity:0.75; //设置透明度 filter:alpha(opacity=75);//专门为兼容IE使用滤镜。 2、遮罩层绝对定位，页面中有些块在遮罩层上方时，这时设置z-index 3、登陆框的外层框fixed固定定位，fixed静态定位是相对整个屏幕的。比如：position:fixed;left:30%;top:30%; 4、登录框相对定位，关闭按钮绝对定位查看全部
-
获取页面的高度和宽度： document.documentElement.scrollHeight; document.documentELement.scrollWidth; 获取可视区域的高度和宽度： document.documentElement.clientHeight; document.documentElement.clientWidth; 获取元素的高度和宽度： 元素选择器 .offsetHeight; 元素选择器 .offsetWidth;查看全部
-
页面结构查看全部
-
1、弹出层效果 要创建一个弹出层，可以现在CSS样式表里把这个弹出层的#id和样式设好， 然后在JS里创建这个弹出层 2、要实现点击登陆框以外的区域也可以关闭登陆框 可以设一个可视区大小的遮罩层oMask，opacity设为0 oMask.onclick=oClose.onclick=function(){ }查看全部
-
页面的高度：document.documentElement.scrollHeight||document.body.scrollHeight; 可视区的高度：document.documentElement.clientHeight; 某个元素的高度：oBject.offsetHeight;查看全部
-
介绍弹出层效果查看全部
-
页面尾部追加节点：document.body.appendchild（omask）；查看全部
-
遮罩层js代码查看全部
-
登录框内容loginCon的样式查看全部
-
页面的高度：document.documentElement.scrollHeight||document.body.scrollHeight; 可视区的高度：document.documentElement.clientHeight; 某个元素的高度：oBject.offsetHeight;查看全部
-
获取页面高宽度查看全部
-
创建元素节点（var oMask=document.createElement("标签名");) 并给创建的元素一个(id：oMask.id="mask";)，而后获取页面的高度和宽度：var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth;给遮罩层加上宽高：oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px";最后将遮罩层插入到页面中：document.body.appendChild(oMask)查看全部
-
页面阴影查看全部
-
opacity 设置透明度查看全部
举报
0/150
提交
取消