本文實例講述了jQuery晃動層特效實作方法。分享給大家供大家參考。具體實作方法如下： 複製程式碼 程式碼如下: jQuery晃動層 <br /> body { font: 12px Georgia, serif; }<br /> a { text-decoration: none; }<br /> #header{margin:50px auto}<br /> #header p{text-align:center;font-size:16px;font-weight:bold}<br /> #box{width:400px;height:200px;background-color:#ccc;text-align:center}<br /> <br /> var box_left = 0;<br /> $(document).ready(function () {<br /> box_left = ($(window).width() - $('#box').width()) / 2;<br /> $('#box,#footer').css({'left': box_left, 'position':'absolute'});<br /> });<br /> function shock()<br /> { <br /> for (i = 1; i < 7; i )<br /> {<br /> $('#box').animate({<br /> 'left': '-=15'<br /> }, 3, function() {<br /> $(this).animate({<br /> 'left': ' =30'<br /> }, 3, function() {<br /> $(this).animate({<br /> 'left': '-=15'<br /> }, 3, function() {<br /> $(this).animate({<br /> 'left': box_left<br /> }, 3, function() {<br /> // shock end<br /> });<br /> });<br /> });<br /> });<br /> }<br /> }<br /> 仿wp後台登入錯誤時左右晃動某一層 點擊我看效果 希望本文所述對大家的jQuery程式設計有所幫助。
