[TimLinux] JavaScript 元素动态显示

1. css的opacity属性

这个属性用于:设置元素的不透明级别,取值范围:从 0.0 (完全透明)到 1.0(完全不透明),元素所在的文本流还在。这个属性的动态变化可以用来设置元素的淡入淡出效果。

2. JavaScript用法

通过setInterval函数来周期性修改元素的opacity属性值,最后设置完成后,将这个setInterval函数进行clearInterval。

var alpha = 50 ;
var speed = 10 ;
timer = setInterval(function(){
    if(alpha == iTarget){
        clearInterval(timer) ;        
    }else{
        alpha += speed ;
        oDiv.style.fiilter = "alpha(opacity="+alpha+")" ;//IE
        oDiv.style.opacity = alpha/100 ;//FF,Chrome    
    }
}, 30) ;

猜你喜欢

转载自www.cnblogs.com/timlinux/p/9334776.html