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);
            
        })

其他类似