问答详情
源自:2-2 JS透明度动画

能不能把代码放出来啊

麻烦能不能把代码放出来

提问者:慕少2510668 2016-05-24 09:04

个回答

  • 慕粉3225051
    2016-05-24 09:37:50

    move.js

    function getStyle(obj,attr){

    if(obj.currentStyle){

    return obj.currentStyle[attr];//currentStyle针对IE浏览器

    }else{

    return getComputedStyle(obj,false)[attr];//getComputedStyle针对火狐浏览器

    }

    }

    function startMove(obj,json,fn){

    var flag = true;

    clearInterval(obj.timer);

    obj.timer=setInterval(function(){

    for(var attr in json)

    {

    var icur=0;

    if(attr=='opacity'){

    icur=Math.round(parseFloat(getStyle(obj,attr))*100);

    }else{

    icur=parseInt(getStyle(obj,attr));

    }

    var speed = (json[attr]-icur)/8;

    speed = speed>0?Math.ceil(speed):Math.floor(speed);

    if(icur != json[attr]){

    flag=false;

    }


    if(attr=='opacity'){

    obj.style.filter='alpha(opacity:'+(icur+speed)+')';

    obj.style.opacity=(icur+speed)/100;

    }else{obj.style[attr] = icur+speed+'px';}


    }

    if(flag){

    clearInterval(obj.timer);

    if(fn){

    fn();

    }

    }

    },30)

    }