JavaScript 半透明显示
■知识点
设计元素的不透明度实现方法:IE怪异模式支持filters滤镜集,DOM标准浏览器支持style.opacity属性。IE和DOM的取值的范围也不同:IE的filters属性值范围是0〜100,其中0表示完全透明,而100表示不透明;DOM标准的style.opacity属性值范围是0〜1,其中0表示完全透明,而1表示不透明。
■实例设计
为了兼容不同浏览器,可以把设置元素透明度的功能进行函数封装。
//设置元素的透明度
//参数:e表示要预设置的元素,n表示一个数值,取值范围为0〜100,如果省略,则默认值为100,即不透明显示元素
function setOpacity(e, n) {
var n = parseFloat(n); //把第2个参数转换为浮点数
if (n && (n〉100) || !n) n=100; //如果第2个参数大于100或者不存在,则设置为100
if (n && (n<0)) n =0; //如果第2个参数存在且值小于0,则设置其为0
if (e.filters){ //兼容IE浏览器
e.style.filter = "alpha(opacity=" + n + ")";
} else{ //兼容DOM标准
e.style.opacity = n / 100;
}
}
点击加载更多评论>>