jquery-ui/ui/jquery.effects.shake.js

79 lines
2.1 KiB
JavaScript
Raw Normal View History

/*
* jQuery UI Effects Shake @VERSION
*
2011-01-17 14:13:18 +00:00
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Effects/Shake
*
* Depends:
* jquery.effects.core.js
*/
(function( $, undefined ) {
2008-06-04 02:34:33 +00:00
$.effects.effect.shake = function( o ) {
2011-03-07 00:34:18 +00:00
return this.queue( function() {
2011-03-07 00:34:18 +00:00
var el = $( this ),
props = [ "position", "top", "bottom", "left", "right", "height", "width" ],
mode = $.effects.setMode( el, o.mode || "effect" ),
direction = o.direction || "left",
2011-03-07 00:34:18 +00:00
distance = o.distance || 20,
times = o.times || 3,
anims = times * 2 + 1,
speed = o.duration,
ref = (direction == "up" || direction == "down") ? "top" : "left",
motion = (direction == "up" || direction == "left") ? "pos" : "neg",
2011-03-07 00:34:18 +00:00
animation = {},
animation1 = {},
animation2 = {},
i,
// we will need to re-assemble the queue to stack our animations in place
queue = el.queue(),
queuelen = queue.length;
$.effects.save( el, props );
el.show();
$.effects.createWrapper( el );
// Animation
animation[ ref ] = ( motion == "pos" ? "-=" : "+=" ) + distance;
animation1[ ref ] = ( motion == "pos" ? "+=" : "-=" ) + distance * 2;
animation2[ ref ] = ( motion == "pos" ? "-=" : "+=" ) + distance * 2;
// Animate
2011-03-07 00:34:18 +00:00
el.animate( animation, speed, o.easing );
// Shakes
for ( i = 1; i < times; i++ ) {
2011-03-07 00:34:18 +00:00
el.animate( animation1, speed, o.easing ).animate( animation2, speed, o.easing );
};
2011-03-07 00:34:18 +00:00
el
.animate( animation1, speed, o.easing )
.animate( animation, speed / 2, o.easing )
.queue( function( next ) {
if ( mode === "hide" ) {
el.hide();
}
$.effects.restore( el, props );
$.effects.removeWrapper( el );
$.isFunction( o.complete ) && o.complete.apply( this, arguments );
next();
});
// inject all the animations we just queued to be first in line (after "inprogress")
if ( queuelen > 1) {
queue.splice.apply( queue,
[ 1, 0 ].concat( queue.splice( queuelen, anims + 1 ) ) );
}
el.dequeue();
});
};
2008-06-04 02:34:33 +00:00
})(jQuery);