자바스크립트 지터링 elements_javascript 기술의 작은 예

复主代码 代码如下:

 
 
 
    
    
    
     <script><br>     함수 흔들기(e, onComplete, 거리, 간격)<br>     {<br>         if (e 유형 === "문자열")<br> {<br>             e = document.getElementById(e);<br>         } // end if<br>         거리 = 거리 || 8;<br>         간격 = 간격 || 800;</p> <p>         var originalStyle = e.style.cssText;<br>         e.style.position = "relative";<br>         var start = (new Date()).getTime();</p> <p>         애니메이션();</p> <p>         function animate()<br>         {<br>             var now = (new Date()).getTime();<br>            var elapsed = now - start;<br>             var 진행률 = 경과 / 간격;<br>             if (진행              {<br>                var y = 거리 * Math.sin(Math.PI * 진행 * 4);<br>                var x = 거리 * Math.cos(Math. PI * 진행 * 4);<br>                e.style.left = x "px";<br>                e.style.top = y "px";<br>                console.log(e.style.cssText);<br>                 setTimeout (animate, Math.min(25, elapsed));<br>             } // 종료 if<br>             else<br>             {<br>                e.style.cssText = originalStyle;<br>                 if (완료)<br> {<br>                    onComplete(e);<br>                } // 종료 if</p> <p>             } // else 끝</p> <p>         } // animate() 종료</p> <p>     } // shake() 종료 </p> <p>     </script>