请问这个有错误吗``我用alert debug 发现 进入这个smove后就出不来了``为什么

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

慕函数7258168

2017-05-21 10:28

function smove(obj,json,fn){       


                clearInterval(obj.timer);


                obj.timer=setInterval(function(){

                     for(var attr in json) 

               {

                    if(attr== 'opacity')

                    {

                           var cc = parseFloat(getStyle(obj,attr)) *100;  

                           var speed=(json[attr]-cc)/5;                 //算速度


                    }

                    else{

                              var cc = parseInt(getStyle(obj,attr));

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


                    }


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

                  

                 //检测停止

                        if(cc==json[attr]){

                            clearInterval(obj.timer);

                            if(fn){

                                fn();

                            }

                        }

                        else

                        {

                               if(attr== 'opacity'){

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

                               }

                               else{

                                    obj.style[attr]=cc+speed+"px";

                               }

                            

                        }


                            }


                },30)

        

    }


写回答 关注

3回答

  • 慕函数7258168
    2017-05-21 10:58:02

    ``搞定了`` 一脸懵逼

  • 慕函数7258168
    2017-05-21 10:52:57



    <!DOCTYPE html>

    <html>

        <head>

            <meta charset="utf-8">

            <script src="move.js"></script>

      

    <style>

        *{margin:0; padding:0;}

        li{

            width: 100px;

            height: 100px;

            border:2px blue solid;

            background-color: yellow;

            margin-bottom: 15px;

            opacity: 0.3;

        }

    </style>

    <script>

        window.onload=function(){

            var oli=document.getElementById('li1');

            oli.onmouseover=function(){


                smove(oli,{width:500, height:500});

               

            }

        }

    </script>

        </head>


  • 慕函数7258168
    2017-05-21 10:29:11

    第二行直接加alert 毫无反应`` 求大神

JS动画效果

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

113923 学习 · 1443 问题

查看课程

相似问题