首页 > 编程语言 > 详细

[TimLinux] JavaScript 元素动态显示

时间:2018-07-19 13:06:13      阅读:162      评论:0      收藏:0      [点我收藏+]

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

 

[TimLinux] JavaScript 元素动态显示

原文:https://www.cnblogs.com/timlinux/p/9334776.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!