js实现动画，右移、左移，上移，下移，左上角移动等

js实现向右移动：

css中：

     <style>

            div{

                position:absolute;   //必不可少

                left:50%;

                top:50%;

                }

        </style>

body中：

      <div id="toRight">右移</div>

        

        <script>

        $(function(){

             

              $("#toRight").animate({

                left:"-=100px"  

            },3000);

         //3000ms,代表在3s内完成该动画

            

        })

     </script>

左移：

css不修改，

只需要修改body中：

  <div id="toLeft">右移</div>

        

        <script>

        $(function(){

             

              $("#toLeft").animate({

                left:"+=100px"  

            },3000);

         //3000ms,代表在3s内完成该动画

            

        })

     </script>

下移：
同理，只需要修改：

top:"+=100px" 

上移:

只需要修改：

top:"-=100px"

向左上角移动：

 $(function(){

             

              $("#toRight").animate({

                top:"-=100px" ,

                left:"-=100px"

            },3000);

            

        })

其他类似