mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-10-05 01:44:18 +00:00
dc67d2c5d2
For instance, this is useful for the jquery-ui-rails gem, which does not
use jQuery UI's own minification, but relies on Rails to minify the
files where necessary. Rails in turn uses UglifyJS for JS and YUI for
CSS, both of which respect the /*! ... */ convention.
(cherry picked from commit 37dcc3e21d, dropped menu, spinner and tooltip)
79 lines
3.0 KiB
JavaScript
79 lines
3.0 KiB
JavaScript
/*!
|
|
* jQuery UI Effects Bounce @VERSION
|
|
*
|
|
* Copyright 2012, 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 ) {
|
|
|
|
$.effects.bounce = function(o) {
|
|
|
|
return this.queue(function() {
|
|
|
|
// Create element
|
|
var el = $(this), props = ['position','top','bottom','left','right'];
|
|
|
|
// Set options
|
|
var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
|
|
var direction = o.options.direction || 'up'; // Default direction
|
|
var distance = o.options.distance || 20; // Default distance
|
|
var times = o.options.times || 5; // Default # of times
|
|
var speed = o.duration || 250; // Default speed per bounce
|
|
if (/show|hide/.test(mode)) props.push('opacity'); // Avoid touching opacity to prevent clearType and PNG issues in IE
|
|
|
|
// Adjust
|
|
$.effects.save(el, props); el.show(); // Save & Show
|
|
$.effects.createWrapper(el); // Create Wrapper
|
|
var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
|
|
var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
|
|
var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) / 3 : el.outerWidth({margin:true}) / 3);
|
|
if (mode == 'show') el.css('opacity', 0).css(ref, motion == 'pos' ? -distance : distance); // Shift
|
|
if (mode == 'hide') distance = distance / (times * 2);
|
|
if (mode != 'hide') times--;
|
|
|
|
// Animate
|
|
if (mode == 'show') { // Show Bounce
|
|
var animation = {opacity: 1};
|
|
animation[ref] = (motion == 'pos' ? '+=' : '-=') + distance;
|
|
el.animate(animation, speed / 2, o.options.easing);
|
|
distance = distance / 2;
|
|
times--;
|
|
};
|
|
for (var i = 0; i < times; i++) { // Bounces
|
|
var animation1 = {}, animation2 = {};
|
|
animation1[ref] = (motion == 'pos' ? '-=' : '+=') + distance;
|
|
animation2[ref] = (motion == 'pos' ? '+=' : '-=') + distance;
|
|
el.animate(animation1, speed / 2, o.options.easing).animate(animation2, speed / 2, o.options.easing);
|
|
distance = (mode == 'hide') ? distance * 2 : distance / 2;
|
|
};
|
|
if (mode == 'hide') { // Last Bounce
|
|
var animation = {opacity: 0};
|
|
animation[ref] = (motion == 'pos' ? '-=' : '+=') + distance;
|
|
el.animate(animation, speed / 2, o.options.easing, function(){
|
|
el.hide(); // Hide
|
|
$.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
|
|
if(o.callback) o.callback.apply(this, arguments); // Callback
|
|
});
|
|
} else {
|
|
var animation1 = {}, animation2 = {};
|
|
animation1[ref] = (motion == 'pos' ? '-=' : '+=') + distance;
|
|
animation2[ref] = (motion == 'pos' ? '+=' : '-=') + distance;
|
|
el.animate(animation1, speed / 2, o.options.easing).animate(animation2, speed / 2, o.options.easing, function(){
|
|
$.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
|
|
if(o.callback) o.callback.apply(this, arguments); // Callback
|
|
});
|
|
};
|
|
el.queue('fx', function() { el.dequeue(); });
|
|
el.dequeue();
|
|
});
|
|
|
|
};
|
|
|
|
})(jQuery);
|