码迷,mamicode.com
首页 > 其他好文 > 详细

20150620图片的透明度渐变

时间:2015-06-20 10:30:34      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:

function fade(obj,tar) {
    obj.timer && clearInterval(obj.timer);
    obj.timer=setInterval(function () {
        var cur=parseInt(css(obj,‘opacity‘)*100);
        var speed=(tar-cur)/7;
        speed=(speed>0)?Math.ceil(speed):Math.floor(speed);
        if(cur!=tar){
            obj.style.opacity=(cur+speed)/100;
            obj.style.filter=‘alpha(opacity=‘+(cur+speed)+‘)‘
        }else{
            clearInterval(obj.timer);
            obj.timer=null;    
        }
    },40);
}
function css(obj, attr){
    if(obj.currentStyle){
        return obj.currentStyle[attr];
    } else {
        return getComputedStyle(obj, false)[attr];
    }
}
var box=document.getElementById(‘box‘);
fade(box,40)

 

20150620图片的透明度渐变

标签:

原文地址:http://www.cnblogs.com/wz0107/p/4590199.html

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