1 |
torben |
2125 |
/*! |
2 |
|
|
* jQuery UI Effects Bounce 1.10.3 |
3 |
|
|
* http://jqueryui.com |
4 |
|
|
* |
5 |
|
|
* Copyright 2013 jQuery Foundation and other contributors |
6 |
|
|
* Released under the MIT license. |
7 |
|
|
* http://jquery.org/license |
8 |
|
|
* |
9 |
|
|
* http://api.jqueryui.com/bounce-effect/ |
10 |
|
|
* |
11 |
|
|
* Depends: |
12 |
|
|
* jquery.ui.effect.js |
13 |
|
|
*/ |
14 |
|
|
(function( $, undefined ) { |
15 |
|
|
|
16 |
|
|
$.effects.effect.bounce = function( o, done ) { |
17 |
|
|
var el = $( this ), |
18 |
|
|
props = [ "position", "top", "bottom", "left", "right", "height", "width" ], |
19 |
|
|
|
20 |
|
|
// defaults: |
21 |
|
|
mode = $.effects.setMode( el, o.mode || "effect" ), |
22 |
|
|
hide = mode === "hide", |
23 |
|
|
show = mode === "show", |
24 |
|
|
direction = o.direction || "up", |
25 |
|
|
distance = o.distance, |
26 |
|
|
times = o.times || 5, |
27 |
|
|
|
28 |
|
|
// number of internal animations |
29 |
|
|
anims = times * 2 + ( show || hide ? 1 : 0 ), |
30 |
|
|
speed = o.duration / anims, |
31 |
|
|
easing = o.easing, |
32 |
|
|
|
33 |
|
|
// utility: |
34 |
|
|
ref = ( direction === "up" || direction === "down" ) ? "top" : "left", |
35 |
|
|
motion = ( direction === "up" || direction === "left" ), |
36 |
|
|
i, |
37 |
|
|
upAnim, |
38 |
|
|
downAnim, |
39 |
|
|
|
40 |
|
|
// we will need to re-assemble the queue to stack our animations in place |
41 |
|
|
queue = el.queue(), |
42 |
|
|
queuelen = queue.length; |
43 |
|
|
|
44 |
|
|
// Avoid touching opacity to prevent clearType and PNG issues in IE |
45 |
|
|
if ( show || hide ) { |
46 |
|
|
props.push( "opacity" ); |
47 |
|
|
} |
48 |
|
|
|
49 |
|
|
$.effects.save( el, props ); |
50 |
|
|
el.show(); |
51 |
|
|
$.effects.createWrapper( el ); // Create Wrapper |
52 |
|
|
|
53 |
|
|
// default distance for the BIGGEST bounce is the outer Distance / 3 |
54 |
|
|
if ( !distance ) { |
55 |
|
|
distance = el[ ref === "top" ? "outerHeight" : "outerWidth" ]() / 3; |
56 |
|
|
} |
57 |
|
|
|
58 |
|
|
if ( show ) { |
59 |
|
|
downAnim = { opacity: 1 }; |
60 |
|
|
downAnim[ ref ] = 0; |
61 |
|
|
|
62 |
|
|
// if we are showing, force opacity 0 and set the initial position |
63 |
|
|
// then do the "first" animation |
64 |
|
|
el.css( "opacity", 0 ) |
65 |
|
|
.css( ref, motion ? -distance * 2 : distance * 2 ) |
66 |
|
|
.animate( downAnim, speed, easing ); |
67 |
|
|
} |
68 |
|
|
|
69 |
|
|
// start at the smallest distance if we are hiding |
70 |
|
|
if ( hide ) { |
71 |
|
|
distance = distance / Math.pow( 2, times - 1 ); |
72 |
|
|
} |
73 |
|
|
|
74 |
|
|
downAnim = {}; |
75 |
|
|
downAnim[ ref ] = 0; |
76 |
|
|
// Bounces up/down/left/right then back to 0 -- times * 2 animations happen here |
77 |
|
|
for ( i = 0; i < times; i++ ) { |
78 |
|
|
upAnim = {}; |
79 |
|
|
upAnim[ ref ] = ( motion ? "-=" : "+=" ) + distance; |
80 |
|
|
|
81 |
|
|
el.animate( upAnim, speed, easing ) |
82 |
|
|
.animate( downAnim, speed, easing ); |
83 |
|
|
|
84 |
|
|
distance = hide ? distance * 2 : distance / 2; |
85 |
|
|
} |
86 |
|
|
|
87 |
|
|
// Last Bounce when Hiding |
88 |
|
|
if ( hide ) { |
89 |
|
|
upAnim = { opacity: 0 }; |
90 |
|
|
upAnim[ ref ] = ( motion ? "-=" : "+=" ) + distance; |
91 |
|
|
|
92 |
|
|
el.animate( upAnim, speed, easing ); |
93 |
|
|
} |
94 |
|
|
|
95 |
|
|
el.queue(function() { |
96 |
|
|
if ( hide ) { |
97 |
|
|
el.hide(); |
98 |
|
|
} |
99 |
|
|
$.effects.restore( el, props ); |
100 |
|
|
$.effects.removeWrapper( el ); |
101 |
|
|
done(); |
102 |
|
|
}); |
103 |
|
|
|
104 |
|
|
// inject all the animations we just queued to be first in line (after "inprogress") |
105 |
|
|
if ( queuelen > 1) { |
106 |
|
|
queue.splice.apply( queue, |
107 |
|
|
[ 1, 0 ].concat( queue.splice( queuelen, anims + 1 ) ) ); |
108 |
|
|
} |
109 |
|
|
el.dequeue(); |
110 |
|
|
|
111 |
|
|
}; |
112 |
|
|
|
113 |
|
|
})(jQuery); |