码迷,mamicode.com
首页 > 编程语言 > 详细

[TimLinux] JavaScript 元素动态显示

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

标签:tin   通过   显示   变化   修改   css   alpha   else   lse   

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 元素动态显示

标签:tin   通过   显示   变化   修改   css   alpha   else   lse   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!