jquery-ui/ui/jquery.effects.bounce.js

103 lines
2.8 KiB
JavaScript
Raw Normal View History

/*
* jQuery UI Effects Bounce @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/Bounce
*
* Depends:
* jquery.effects.core.js
*/
(function( $, undefined ) {
2008-05-23 09:26:18 +00:00
2011-03-04 23:10:02 +00:00
var rshowhide = /show|hide/;
$.effects.bounce = function(o) {
2008-05-23 09:26:18 +00:00
return this.queue(function() {
2008-05-23 09:26:18 +00:00
// Create element
2011-03-03 01:46:46 +00:00
var el = $( this ),
props = [ 'position', 'top', 'bottom', 'left', 'right' ],
2011-03-04 23:10:02 +00:00
// defaults:
2011-03-03 01:46:46 +00:00
mode = $.effects.setMode( el, o.mode || 'effect' ),
2011-03-04 23:10:02 +00:00
direction = o.direction || 'up',
distance = o.distance || 20,
times = o.times || 5,
speed = (o.duration || 250),
// utility:
ref = ( direction == 'up' || direction == 'down' ) ? 'top' : 'left',
motion = ( direction == 'up' || direction == 'left' ), // true is positive
2011-03-07 00:48:14 +00:00
i, animation, animation1, animation2;
2011-03-04 23:10:02 +00:00
// Avoid touching opacity to prevent clearType and PNG issues in IE
2011-03-07 00:48:14 +00:00
if ( rshowhide.test( mode ) ) {
props.push( 'opacity' );
}
2008-05-23 09:26:18 +00:00
2011-03-07 00:48:14 +00:00
$.effects.save( el, props );
el.show();
$.effects.createWrapper( el ); // Create Wrapper
2011-03-04 23:10:02 +00:00
if ( !distance ) {
2011-03-07 00:48:14 +00:00
distance = el[ ref == 'top' ? 'outerHeight' : 'outerWidth' ]({ margin:true }) / 3;
2011-03-04 23:10:02 +00:00
}
2011-03-07 00:48:14 +00:00
if ( mode == 'show' ) el.css( 'opacity', 0 ).css( ref, motion ? -distance : distance ); // Shift
if ( mode == 'hide' ) distance = distance / (times * 2);
if ( mode != 'hide' ) times--;
// Animate
2011-03-07 00:48:14 +00:00
if ( mode == 'show' ) {
animation = {
opacity: 1
};
animation[ ref ] = ( motion ? '+=' : '-=' ) + distance;
2011-03-04 23:10:02 +00:00
el.animate( animation, speed / 2, o.easing);
distance = distance / 2;
times--;
};
2011-03-07 00:48:14 +00:00
// Bounces
for (i = 0; i < times; i++) {
animation1 = {};
animation2 = {};
animation1[ ref ] = ( motion ? '-=' : '+=' ) + distance;
animation2[ ref ] = ( motion ? '+=' : '-=' ) + distance;
2011-03-04 23:10:02 +00:00
el.animate( animation1, speed / 2, o.easing ).animate( animation2, speed / 2, o.easing );
2011-03-07 00:48:14 +00:00
distance = ( mode == 'hide' ) ? distance * 2 : distance / 2;
}
// Last Bounce
if ( mode == 'hide' ) {
animation = {
opacity: 0
};
animation[ ref ] = ( motion ? '-=' : '+=' ) + distance;
2011-03-04 23:10:02 +00:00
el.animate( animation, speed / 2, o.easing, function(){
2011-03-07 00:48:14 +00:00
el.hide();
$.effects.restore( el, props );
$.effects.removeWrapper( el );
$.isFunction( o.complete ) && o.complete.apply( this, arguments );
});
} else {
2011-03-07 00:48:14 +00:00
animation1 = {};
animation2 = {};
animation1[ ref ] = ( motion ? '-=' : '+=' ) + distance;
animation2[ ref ] = ( motion ? '+=' : '-=' ) + distance;
el
.animate( animation1, speed / 2, o.easing )
.animate( animation2, speed / 2, o.easing, function() {
$.effects.restore( el, props );
$.effects.removeWrapper( el );
$.isFunction( o.complete ) && o.complete.apply( this, arguments );
});
}
el.dequeue();
});
};
2008-05-23 09:26:18 +00:00
})(jQuery);