[TimLinux] JavaScript 元素动态显示

Posted 2020-12-05 TimLinux

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) ;