root / trunk / web / dojo / dojox / css3 / fx.js @ 12
History | View | Annotate | Download (2.62 KB)
1 |
/*
|
---|---|
2 |
Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
|
3 |
Available via Academic Free License >= 2.1 OR the modified BSD license.
|
4 |
see: http://dojotoolkit.org/license for details
|
5 |
*/
|
6 |
|
7 |
|
8 |
if(!dojo._hasResource["dojox.css3.fx"]){ |
9 |
dojo._hasResource["dojox.css3.fx"]=true; |
10 |
dojo.provide("dojox.css3.fx");
|
11 |
dojo.require("dojo.fx");
|
12 |
dojo.require("dojox.html.ext-dojo.style");
|
13 |
dojo.require("dojox.fx.ext-dojo.complex");
|
14 |
dojo.mixin(dojox.css3.fx,{puff:function(_1){ |
15 |
return dojo.fx.combine([dojo.fadeOut(_1),this.expand({node:_1.node,endScale:_1.endScale||2})]); |
16 |
},expand:function(_2){ |
17 |
return dojo.animateProperty({node:_2.node,properties:{transform:{start:"scale(1)",end:"scale("+[_2.endScale||3]+")"}}}); |
18 |
},shrink:function(_3){ |
19 |
return this.expand({node:_3.node,endScale:0.01}); |
20 |
},rotate:function(_4){ |
21 |
return dojo.animateProperty({node:_4.node,duration:_4.duration||1000,properties:{transform:{start:"rotate("+(_4.startAngle||"0deg")+")",end:"rotate("+(_4.endAngle||"360deg")+")"}}}); |
22 |
},flip:function(_5){ |
23 |
var _6=[],_7=_5.whichAnims||[0,1,2,3],_8=_5.direction||1,_9=[{start:"scale(1, 1) skew(0deg,0deg)",end:"scale(0, 1) skew(0,"+(_8*30)+"deg)"},{start:"scale(0, 1) skew(0deg,"+(_8*30)+"deg)",end:"scale(-1, 1) skew(0deg,0deg)"},{start:"scale(-1, 1) skew(0deg,0deg)",end:"scale(0, 1) skew(0deg,"+(-_8*30)+"deg)"},{start:"scale(0, 1) skew(0deg,"+(-_8*30)+"deg)",end:"scale(1, 1) skew(0deg,0deg)"}]; |
24 |
for(var i=0;i<_7.length;i++){ |
25 |
_6.push(dojo.animateProperty(dojo.mixin({node:_5.node,duration:_5.duration||600,properties:{transform:_9[_7[i]]}},_5))); |
26 |
} |
27 |
return dojo.fx.chain(_6);
|
28 |
},bounce:function(_a){ |
29 |
var _b=[],n=_a.node,_c=_a.duration||1000,_d=_a.scaleX||1.2,_e=_a.scaleY||0.6,ds=dojo.style,_f=ds(n,"position"),_10="absolute",_11=ds(n,"top"),_12=[],_13=0,_14=Math.round,_15=_a.jumpHeight||70; |
30 |
if(_f!=="absolute"){ |
31 |
_10="relative";
|
32 |
} |
33 |
var a1=dojo.animateProperty({node:n,duration:_c/6,properties:{transform:{start:"scale(1, 1)",end:"scale("+_d+", "+_e+")"}}}); |
34 |
dojo.connect(a1,"onBegin",function(){ |
35 |
ds(n,{transformOrigin:"50% 100%",position:_10}); |
36 |
}); |
37 |
_b.push(a1); |
38 |
var a2=dojo.animateProperty({node:n,duration:_c/6,properties:{transform:{end:"scale(1, 1)",start:"scale("+_d+", "+_e+")"}}}); |
39 |
_12.push(a2); |
40 |
_12.push(new dojo.Animation(dojo.mixin({curve:[],duration:_c/3,delay:_c/12,onBegin:function(){ |
41 |
_13=(new Date).getTime();
|
42 |
},onAnimate:function(){ |
43 |
var _16=(new Date).getTime(); |
44 |
ds(n,{top:parseInt(ds(n,"top"))-_14(_15*((_16-_13)/this.duration))+"px"}); |
45 |
_13=_16; |
46 |
}},_a))); |
47 |
_b.push(dojo.fx.combine(_12)); |
48 |
_b.push(dojo.animateProperty(dojo.mixin({duration:_c/3,onEnd:function(){ |
49 |
ds(n,{position:_f});
|
50 |
},properties:{top:_11}},_a))); |
51 |
_b.push(a1); |
52 |
_b.push(a2); |
53 |
return dojo.fx.chain(_b);
|
54 |
}}); |
55 |
} |