本文实例讲述了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程序设计有所帮助。
