求帮助啊,我是菜鸟

来源:5-1 JS链式动画

继续丶向前

2016-02-21 11:26

js/move.js是怎么写的啊,大神能不能发给我

写回答 关注

1回答

  • kaiyanghll
    2016-02-21 15:58:40
    已采纳

     function getStyle(obj,attr){

        if(obj.currentStyle){

    return obj.currentStyle[attr];

    }

    else{

          return getComputedStyle(obj,false)[attr];

      }

     }

     function startMove(obj,iTarget,attr,fn){

           clearInterval(obj.timer);

       obj.timer=setInterval(function(){

    var icur=0;

    //1、取当前的值

       if(attr=='opacity'){

        

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

       }else{

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

       }

       //2、算速度

           var speed=(iTarget-icur)/10;

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

     //3、停止检测

       if(icur==iTarget){

       clearInterval(obj.timer);

       if(fn){

          fn();

       }

       }else{

    //设置阶段  

          if(attr=='opacity'){

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

     obj.style[attr]=(icur+speed)/100;

       }else

       {

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

       }

       }},30)

     }



    继续丶向前

    鼠标滑过没有反应啊,谢谢你的代码

    2016-02-22 10:25:42

    共 1 条回复 >

JS动画效果

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

113925 学习 · 1443 问题

查看课程

相似问题