能不能把代码放出来啊

来源:2-2 JS透明度动画

慕少2510668

2016-05-24 09:04

麻烦能不能把代码放出来

写回答 关注

1回答

  • 慕粉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)

    }


JS动画效果

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

113925 学习 · 1443 问题

查看课程

相似问题