Advertisement
mariodian

jQuery Shake Effect

Mar 28th, 2012
267
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. $.fn.shake = function( options ) {
  2.  
  3.     var config = $.extend( {
  4.         'times':    3,
  5.         'width':    50,
  6.         'speed':    100
  7.     }, options);
  8.     var defaults = $.extend(defaults, config);
  9.    
  10.     return this.each(function() {
  11.         $(this).css('position', 'relative');   
  12.                    
  13.         for( i=0; i<=config.times; i++ )
  14.         {          
  15.             $(this).animate({
  16.                 'left': ( i%2 == 0 ) ? -config.width : Math.abs(config.width)
  17.             }, config.speed);
  18.         }
  19.            
  20.         $(this).animate({
  21.             'left': 0
  22.         }, config.speed, function(){
  23.             $(this).removeAttr('style');
  24.         });
  25.     });
  26. };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement