|
0
|
1 define( [
|
|
|
2 "../core",
|
|
|
3 "../css"
|
|
|
4 ], function( jQuery ) {
|
|
|
5
|
|
|
6 "use strict";
|
|
|
7
|
|
|
8 function Tween( elem, options, prop, end, easing ) {
|
|
|
9 return new Tween.prototype.init( elem, options, prop, end, easing );
|
|
|
10 }
|
|
|
11 jQuery.Tween = Tween;
|
|
|
12
|
|
|
13 Tween.prototype = {
|
|
|
14 constructor: Tween,
|
|
|
15 init: function( elem, options, prop, end, easing, unit ) {
|
|
|
16 this.elem = elem;
|
|
|
17 this.prop = prop;
|
|
|
18 this.easing = easing || jQuery.easing._default;
|
|
|
19 this.options = options;
|
|
|
20 this.start = this.now = this.cur();
|
|
|
21 this.end = end;
|
|
|
22 this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" );
|
|
|
23 },
|
|
|
24 cur: function() {
|
|
|
25 var hooks = Tween.propHooks[ this.prop ];
|
|
|
26
|
|
|
27 return hooks && hooks.get ?
|
|
|
28 hooks.get( this ) :
|
|
|
29 Tween.propHooks._default.get( this );
|
|
|
30 },
|
|
|
31 run: function( percent ) {
|
|
|
32 var eased,
|
|
|
33 hooks = Tween.propHooks[ this.prop ];
|
|
|
34
|
|
|
35 if ( this.options.duration ) {
|
|
|
36 this.pos = eased = jQuery.easing[ this.easing ](
|
|
|
37 percent, this.options.duration * percent, 0, 1, this.options.duration
|
|
|
38 );
|
|
|
39 } else {
|
|
|
40 this.pos = eased = percent;
|
|
|
41 }
|
|
|
42 this.now = ( this.end - this.start ) * eased + this.start;
|
|
|
43
|
|
|
44 if ( this.options.step ) {
|
|
|
45 this.options.step.call( this.elem, this.now, this );
|
|
|
46 }
|
|
|
47
|
|
|
48 if ( hooks && hooks.set ) {
|
|
|
49 hooks.set( this );
|
|
|
50 } else {
|
|
|
51 Tween.propHooks._default.set( this );
|
|
|
52 }
|
|
|
53 return this;
|
|
|
54 }
|
|
|
55 };
|
|
|
56
|
|
|
57 Tween.prototype.init.prototype = Tween.prototype;
|
|
|
58
|
|
|
59 Tween.propHooks = {
|
|
|
60 _default: {
|
|
|
61 get: function( tween ) {
|
|
|
62 var result;
|
|
|
63
|
|
|
64 // Use a property on the element directly when it is not a DOM element,
|
|
|
65 // or when there is no matching style property that exists.
|
|
|
66 if ( tween.elem.nodeType !== 1 ||
|
|
|
67 tween.elem[ tween.prop ] != null && tween.elem.style[ tween.prop ] == null ) {
|
|
|
68 return tween.elem[ tween.prop ];
|
|
|
69 }
|
|
|
70
|
|
|
71 // Passing an empty string as a 3rd parameter to .css will automatically
|
|
|
72 // attempt a parseFloat and fallback to a string if the parse fails.
|
|
|
73 // Simple values such as "10px" are parsed to Float;
|
|
|
74 // complex values such as "rotate(1rad)" are returned as-is.
|
|
|
75 result = jQuery.css( tween.elem, tween.prop, "" );
|
|
|
76
|
|
|
77 // Empty strings, null, undefined and "auto" are converted to 0.
|
|
|
78 return !result || result === "auto" ? 0 : result;
|
|
|
79 },
|
|
|
80 set: function( tween ) {
|
|
|
81
|
|
|
82 // Use step hook for back compat.
|
|
|
83 // Use cssHook if its there.
|
|
|
84 // Use .style if available and use plain properties where available.
|
|
|
85 if ( jQuery.fx.step[ tween.prop ] ) {
|
|
|
86 jQuery.fx.step[ tween.prop ]( tween );
|
|
|
87 } else if ( tween.elem.nodeType === 1 &&
|
|
|
88 ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null ||
|
|
|
89 jQuery.cssHooks[ tween.prop ] ) ) {
|
|
|
90 jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
|
|
|
91 } else {
|
|
|
92 tween.elem[ tween.prop ] = tween.now;
|
|
|
93 }
|
|
|
94 }
|
|
|
95 }
|
|
|
96 };
|
|
|
97
|
|
|
98 // Support: IE <=9 only
|
|
|
99 // Panic based approach to setting things on disconnected nodes
|
|
|
100 Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
|
|
|
101 set: function( tween ) {
|
|
|
102 if ( tween.elem.nodeType && tween.elem.parentNode ) {
|
|
|
103 tween.elem[ tween.prop ] = tween.now;
|
|
|
104 }
|
|
|
105 }
|
|
|
106 };
|
|
|
107
|
|
|
108 jQuery.easing = {
|
|
|
109 linear: function( p ) {
|
|
|
110 return p;
|
|
|
111 },
|
|
|
112 swing: function( p ) {
|
|
|
113 return 0.5 - Math.cos( p * Math.PI ) / 2;
|
|
|
114 },
|
|
|
115 _default: "swing"
|
|
|
116 };
|
|
|
117
|
|
|
118 jQuery.fx = Tween.prototype.init;
|
|
|
119
|
|
|
120 // Back compat <1.8 extension point
|
|
|
121 jQuery.fx.step = {};
|
|
|
122
|
|
|
123 } );
|
