3 <title>The source code</title>
\r
4 <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
\r
5 <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
\r
7 <body onload="prettyPrint();">
\r
8 <pre class="prettyprint lang-js">// Easing functions
\r
10 // shortcuts to aid compression
\r
18 Ext.apply(EXTLIB.Easing, {
\r
20 easeBoth: function (t, b, c, d) {
\r
21 return ((t /= d / 2) < 1) ? c / 2 * t * t + b : -c / 2 * ((--t) * (t - 2) - 1) + b;
\r
24 easeInStrong: function (t, b, c, d) {
\r
25 return c * (t /= d) * t * t * t + b;
\r
28 easeOutStrong: function (t, b, c, d) {
\r
29 return -c * ((t = t / d - 1) * t * t * t - 1) + b;
\r
32 easeBothStrong: function (t, b, c, d) {
\r
33 return ((t /= d / 2) < 1) ? c / 2 * t * t * t * t + b : -c / 2 * ((t -= 2) * t * t * t - 2) + b;
\r
36 elasticIn: function (t, b, c, d, a, p) {
\r
37 if (t == 0 || (t /= d) == 1) {
\r
38 return t == 0 ? b : b + c;
\r
44 s = p / (2 * pi) * asin(c / a);
\r
50 return -(a * pow(2, 10 * (t -= 1)) * sin((t * d - s) * (2 * pi) / p)) + b;
\r
54 elasticOut: function (t, b, c, d, a, p) {
\r
55 if (t == 0 || (t /= d) == 1) {
\r
56 return t == 0 ? b : b + c;
\r
62 s = p / (2 * pi) * asin(c / a);
\r
68 return a * pow(2, -10 * t) * sin((t * d - s) * (2 * pi) / p) + c + b;
\r
71 elasticBoth: function (t, b, c, d, a, p) {
\r
72 if (t == 0 || (t /= d / 2) == 2) {
\r
73 return t == 0 ? b : b + c;
\r
76 p = p || (d * (.3 * 1.5));
\r
80 s = p / (2 * pi) * asin(c / a);
\r
87 -.5 * (a * pow(2, 10 * (t -= 1)) * sin((t * d - s) * (2 * pi) / p)) + b :
\r
88 a * pow(2, -10 * (t -= 1)) * sin((t * d - s) * (2 * pi) / p) * .5 + c + b;
\r
91 backIn: function (t, b, c, d, s) {
\r
93 return c * (t /= d) * t * ((s + 1) * t - s) + b;
\r
97 backOut: function (t, b, c, d, s) {
\r
101 return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;
\r
105 backBoth: function (t, b, c, d, s) {
\r
108 return ((t /= d / 2 ) < 1) ?
\r
109 c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b :
\r
110 c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b;
\r
114 bounceIn: function (t, b, c, d) {
\r
115 return c - EXTLIB.Easing.bounceOut(d - t, 0, c, d) + b;
\r
119 bounceOut: function (t, b, c, d) {
\r
120 if ((t /= d) < (1 / 2.75)) {
\r
121 return c * (7.5625 * t * t) + b;
\r
122 } else if (t < (2 / 2.75)) {
\r
123 return c * (7.5625 * (t -= (1.5 / 2.75)) * t + .75) + b;
\r
124 } else if (t < (2.5 / 2.75)) {
\r
125 return c * (7.5625 * (t -= (2.25 / 2.75)) * t + .9375) + b;
\r
127 return c * (7.5625 * (t -= (2.625 / 2.75)) * t + .984375) + b;
\r
131 bounceBoth: function (t, b, c, d) {
\r
132 return (t < d / 2) ?
\r
133 EXTLIB.Easing.bounceIn(t * 2, 0, c, d) * .5 + b :
\r
134 EXTLIB.Easing.bounceOut(t * 2 - d, 0, c, d) * .5 + c * .5 + b;
\r
140 var EXTLIB = Ext.lib;
\r
142 EXTLIB.Anim.color = function(el, args, duration, easing, cb, scope) {
\r
143 return EXTLIB.Anim.run(el, args, duration, easing, cb, scope, EXTLIB.ColorAnim);
\r
146 EXTLIB.ColorAnim = function(el, attributes, duration, method) {
\r
147 EXTLIB.ColorAnim.superclass.constructor.call(this, el, attributes, duration, method);
\r
150 Ext.extend(EXTLIB.ColorAnim, EXTLIB.AnimBase);
\r
152 var superclass = EXTLIB.ColorAnim.superclass,
\r
153 colorRE = /color$/i,
\r
154 transparentRE = /^transparent|rgba\(0, 0, 0, 0\)$/,
\r
155 rgbRE = /^rgb\(([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\)$/i,
\r
156 hexRE= /^#?([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})$/i,
\r
157 hex3RE = /^#?([0-9A-F]{1})([0-9A-F]{1})([0-9A-F]{1})$/i,
\r
158 isset = function(v){
\r
159 return typeof v !== 'undefined';
\r
163 function parseColor(s) {
\r
169 if (s.length == 3) {
\r
173 Ext.each([hexRE, rgbRE, hex3RE], function(re, idx){
\r
174 base = (idx % 2 == 0) ? 16 : 10;
\r
176 if(c && c.length == 4){
\r
177 out = [pi(c[1], base), pi(c[2], base), pi(c[3], base)];
\r
184 Ext.apply(EXTLIB.ColorAnim.prototype, {
\r
185 getAttr : function(attr) {
\r
189 if(colorRE.test(attr)){
\r
190 while(el && transparentRE.test(val = Ext.fly(el).getStyle(attr))){
\r
191 el = el.parentNode;
\r
195 val = superclass.getAttr.call(me, attr);
\r
200 doMethod : function(attr, start, end) {
\r
203 floor = Math.floor;
\r
205 if(colorRE.test(attr)){
\r
208 Ext.each(start, function(v, i) {
\r
209 val[i] = superclass.doMethod.call(me, attr, v, end[i]);
\r
212 val = 'rgb(' + floor(val[0]) + ',' + floor(val[1]) + ',' + floor(val[2]) + ')';
\r
214 val = superclass.doMethod.call(me, attr, start, end);
\r
219 setRunAttr : function(attr) {
\r
221 a = me.attributes[attr],
\r
226 superclass.setRunAttr.call(me, attr);
\r
227 ra = me.runAttrs[attr];
\r
228 if(colorRE.test(attr)){
\r
229 var start = parseColor(ra.start),
\r
230 end = parseColor(ra.end);
\r
232 if(!isset(to) && isset(by)){
\r
233 end = parseColor(by);
\r
234 Ext.each(start, function(item, i){
\r
235 end[i] = item + end[i];
\r
247 // Scroll Animation
\r
248 var EXTLIB = Ext.lib;
\r
249 EXTLIB.Anim.scroll = function(el, args, duration, easing, cb, scope) {
\r
250 return EXTLIB.Anim.run(el, args, duration, easing, cb, scope, EXTLIB.Scroll);
\r
253 EXTLIB.Scroll = function(el, attributes, duration, method) {
\r
255 EXTLIB.Scroll.superclass.constructor.call(this, el, attributes, duration, method);
\r
259 Ext.extend(EXTLIB.Scroll, EXTLIB.ColorAnim);
\r
261 var superclass = EXTLIB.Scroll.superclass,
\r
264 Ext.apply(EXTLIB.Scroll.prototype, {
\r
266 doMethod : function(attr, start, end) {
\r
269 curFrame = me.curFrame,
\r
270 totalFrames = me.totalFrames;
\r
272 if(attr == SCROLL){
\r
273 val = [me.method(curFrame, start[0], end[0] - start[0], totalFrames),
\r
274 me.method(curFrame, start[1], end[1] - start[1], totalFrames)];
\r
276 val = superclass.doMethod.call(me, attr, start, end);
\r
281 getAttr : function(attr) {
\r
284 if (attr == SCROLL) {
\r
285 return [me.el.scrollLeft, me.el.scrollTop];
\r
287 return superclass.getAttr.call(me, attr);
\r
291 setAttr : function(attr, val, unit) {
\r
294 if(attr == SCROLL){
\r
295 me.el.scrollLeft = val[0];
\r
296 me.el.scrollTop = val[1];
\r
298 superclass.setAttr.call(me, attr, val, unit);
\r