烟的傀儡 发表于 2013-2-8 00:43:50

javascript学习总结中(二)

今天看了下javascript的遮罩效果,原来一直想不通,还以为css哪个属性可以设置属性让层来实现遮罩,今天网上搜索了一个例子看了下,原来是这样的
先看代码:
function boxAlpha() {      var showBox=document.getElementById("showBox");      var bgalpaha = document.getElementById("alphaBox");      var content = document.getElementById("content");      if(showBox.style.display == "none") {          showBox.style.display = "block";          showBox.style.height = document.documentElement.scrollHeight;          bgalpaha.style.height= document.documentElement.scrollHeight+"px";          if (navigator.appName == "Microsoft Internet Explorer")                   bgalpaha.style.width = document.documentElement.scrollWidth + "px";          else               bgalpaha.style.width = document.documentElement.scrollWidth + "px";      //      alert(document.documentElement.scrollHeight);          }      else          showBox.style.display = "none";      }发现其实并不是那样的,遮罩原理是将某一个层得大小定义为页面的大小,然后再设置其背景的透明度,原理就是这!
页: [1]
查看完整版本: javascript学习总结中(二)