首页 > 其他 > 详细

20150620图片的透明度渐变

时间:2015-06-20 10:28:30      阅读:181      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!