首頁 >web前端 >js教程 >javascript抖動元素的小例子_javascript技巧

javascript抖動元素的小例子_javascript技巧

WBOY
WBOY原創
2016-05-16 17:18:36787瀏覽

複製代碼代碼如下:

 
 
 
    
     xxxxxx
      xxxxxx  

     #control {
         高度:100px;
         🎜>
    
     <script></script>

     function shake(e, onComplete, distance, Interval) {

             e = document.getElementById(e);
         } //     間隔= 間隔|| 800;

         var originalStyle = e.style.cssText;
         e.style.position = "relative" 🠎>     e.style.position = "relative" 🠎
         animate();

         function animate()
         {
            var elapsed = now - start;

             var Progress = elapsed/間隔;

             if (進度             {
  4);

                 var x = 距離* Math.cos(Math.PI * 惡化* 4);

                 e.style.left = x "px";

                  console.log(e.style.cssText);

                 設定逾時(animate, Math.min(25, elapsed));
             } // 結束if
                         e.style.cssText = OriginalStyle;
           {
                     onComplete(e);
       
             } // 結束 else

         } // 結束 animate()

     } // 結束 shake()

    
 
 



    

    


 

 

 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn