六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 175|回复: 0

javascript学习总结中(二)

[复制链接]

升级  90%

11

主题

11

主题

11

主题

童生

Rank: 1

积分
45
 楼主| 发表于 2013-2-8 00:43:50 | 显示全部楼层 |阅读模式
今天看了下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";      }发现其实并不是那样的,遮罩原理是将某一个层得大小定义为页面的大小,然后再设置其背景的透明度,原理就是这!
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表