jQuery晃动层-www.

body { font: 12px Georgia, serif; }
a { text-decoration: none; }
#header{margin:50px auto}
#header p{text-align:center;font-size:16px;font-weight:bold}
#box{width:400px;height:200px;background-color:#ccc;text-align:center}
#footer{text-align:center;font-size:14px;position:absolute;bottom:50px}



var box_left = 0;
$(document).ready(function () {
  box_left = ($(window).width() - $('#box').width()) / 2;
  $('#box,#footer').css({'left': box_left, 'position':'absolute'});
});
function shock()
{  
 for (i = 1; i < 7; i++)
 {
  $('#box').animate({
   'left': '-=15'
  }, 3, function() {
      $(this).animate({
    'left': '+=30'
   }, 3, function() {
    $(this).animate({
     'left': '-=15'
    }, 3, function() {
     $(this).animate({
      'left': box_left
     }, 3, function() {
      // shock end
     });
    });
   });
  });
 }
}