谁有这节课讲的完美运动框架的源代码啊?发我一份好不好?

来源:6-2 完美运动框架

慕仙7258121

2016-03-22 16:42

2729379229@qq.com

写回答 关注

1回答

  • 慕哥2935724
    2016-03-22 23:30:56

    function startMove(obj,json,fn){

            clearInterval(obj.timer);
            obj.timer=setInterval(function(){
                var flag=true;
            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)
        }

            //获取行内元素
        function getStyle(obj,attr){
            //针对IE浏览器
            if(obj.currentStyle){
                return obj.currentStyle[attr];
            }
            //针对Firefox浏览器
            else{
                return getComputedStyle(obj,false)[attr];
            }
        }

JS动画效果

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

113920 学习 · 1494 问题

查看课程

相似问题