diff options
Diffstat (limited to 'js/dojo-1.6/dojox/css3/fx.xd.js')
| -rw-r--r-- | js/dojo-1.6/dojox/css3/fx.xd.js | 201 |
1 files changed, 201 insertions, 0 deletions
diff --git a/js/dojo-1.6/dojox/css3/fx.xd.js b/js/dojo-1.6/dojox/css3/fx.xd.js new file mode 100644 index 0000000..e478445 --- /dev/null +++ b/js/dojo-1.6/dojox/css3/fx.xd.js @@ -0,0 +1,201 @@ +/*
+ Copyright (c) 2004-2011, The Dojo Foundation All Rights Reserved.
+ Available via Academic Free License >= 2.1 OR the modified BSD license.
+ see: http://dojotoolkit.org/license for details
+*/
+
+
+dojo._xdResourceLoaded(function(dojo, dijit, dojox){
+return {depends: [["provide", "dojox.css3.fx"],
+["require", "dojo.fx"],
+["require", "dojox.html.ext-dojo.style"],
+["require", "dojox.fx.ext-dojo.complex"]],
+defineResource: function(dojo, dijit, dojox){if(!dojo._hasResource["dojox.css3.fx"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
+dojo._hasResource["dojox.css3.fx"] = true;
+dojo.provide("dojox.css3.fx");
+
+dojo.require("dojo.fx");
+dojo.require("dojox.html.ext-dojo.style");
+dojo.require("dojox.fx.ext-dojo.complex");
+
+dojo.mixin(dojox.css3.fx, {
+ puff: function(args){
+ // summary:
+ // Returns an animation that will do a "puff" effect on the given node
+ //
+ // description:
+ // Fades out an element and scales it to args.endScale
+ //
+ return dojo.fx.combine([dojo.fadeOut(args),
+ this.expand({
+ node: args.node,
+ endScale: args.endScale || 2
+ })
+ ]);
+ },
+
+ expand: function(args){
+ // summary:
+ // Returns an animation that expands args.node
+ //
+ // description:
+ // Scales an element to args.endScale
+ //
+ return dojo.animateProperty({
+ node: args.node,
+ properties: {
+ transform: { start: "scale(1)", end: "scale(" + [args.endScale || 3] + ")" }
+ }
+ });
+ },
+
+ shrink: function(args){
+ // summary:
+ // Returns an animation that shrinks args.node
+ //
+ // description:
+ // Shrinks an element, same as expand({ node: node, endScale: .01 });
+ //
+ return this.expand({
+ node: args.node,
+ endScale: .01
+ });
+ },
+
+ rotate: function(args){
+ // summary:
+ // Returns an animation that rotates an element
+ //
+ // description:
+ // Rotates an element from args.startAngle to args.endAngle
+ //
+ return dojo.animateProperty({
+ node: args.node,
+ duration: args.duration || 1000,
+ properties: {
+ transform: { start: "rotate(" + (args.startAngle || "0deg") + ")", end: "rotate(" + (args.endAngle || "360deg") + ")" }
+ }
+ });
+ },
+
+ flip: function(args){
+ // summary:
+ // Returns an animation that flips an element around his y axis
+ //
+ // description:
+ // Flips an element around his y axis. The default is a 360deg flip
+ // but it's possible to run a partial flip using args.whichAnims
+ //
+ // example:
+ // | // half flip
+ // | dojox.css3.fx.flip({
+ // | node: domNode,
+ // | whichAnim: [0, 1]
+ // | }).play();
+ //
+ var anims = [],
+ whichAnims = args.whichAnims || [0, 1, 2, 3],
+ direction = args.direction || 1,
+ transforms = [
+ { start: "scale(1, 1) skew(0deg,0deg)", end: "scale(0, 1) skew(0," + (direction * 30) + "deg)" },
+ { start: "scale(0, 1) skew(0deg," + (direction * 30) + "deg)", end: "scale(-1, 1) skew(0deg,0deg)" },
+ { start: "scale(-1, 1) skew(0deg,0deg)", end: "scale(0, 1) skew(0deg," + (-direction * 30) + "deg)" },
+ { start: "scale(0, 1) skew(0deg," + (-direction * 30) + "deg)", end: "scale(1, 1) skew(0deg,0deg)" }
+ ];
+ for(var i = 0; i < whichAnims.length; i++){
+ anims.push(dojo.animateProperty(
+ dojo.mixin({
+ node: args.node,
+ duration: args.duration || 600,
+ properties: {
+ transform: transforms[whichAnims[i]]
+ }}, args)
+ ));
+ }
+ return dojo.fx.chain(anims);
+ },
+
+ bounce: function(args){
+ // summary:
+ // Returns an animation that do a "bounce" effect on args.node
+ //
+ // description:
+ // Vertical bounce animation, the scaleX, scaleY deformation and the
+ // jump height (args.jumpHeight) can be specified
+ //
+ var anims = [],
+ n = args.node,
+ duration = args.duration || 1000,
+ scaleX = args.scaleX || 1.2,
+ scaleY = args.scaleY || .6,
+ ds = dojo.style,
+ oldPos = ds(n, "position"),
+ newPos = "absolute",
+ oldTop = ds(n, "top"),
+ combinedAnims = [],
+ bTime = 0,
+ round = Math.round,
+ jumpHeight = args.jumpHeight || 70
+ ;
+ if(oldPos !== "absolute"){
+ newPos = "relative";
+ }
+ var a1 = dojo.animateProperty({
+ node: n,
+ duration: duration / 6,
+ properties: {
+ transform: { start: "scale(1, 1)", end: "scale(" + scaleX + ", " + scaleY + ")" }
+ }
+ });
+ dojo.connect(a1, "onBegin", function(){
+ ds(n, {
+ transformOrigin: "50% 100%",
+ position: newPos
+ });
+ });
+ anims.push(a1);
+ var a2 = dojo.animateProperty({
+ node: n,
+ duration: duration / 6,
+ properties: {
+ transform: { end: "scale(1, 1)", start: "scale(" + scaleX + ", " + scaleY + ")" }
+ }
+ });
+ combinedAnims.push(a2);
+ combinedAnims.push(new dojo.Animation(dojo.mixin({
+ curve: [],
+ duration: duration / 3,
+ delay: duration / 12,
+ onBegin: function(){
+ bTime = (new Date).getTime();
+ },
+ onAnimate: function(){
+ var cTime = (new Date).getTime();
+ ds(n, {
+ top: parseInt(ds(n, "top")) - round(jumpHeight*((cTime-bTime)/this.duration)) + "px"
+ });
+ bTime = cTime;
+ }
+ }, args)));
+ anims.push(dojo.fx.combine(combinedAnims));
+ anims.push(dojo.animateProperty(dojo.mixin({
+ duration: duration / 3,
+ onEnd: function(){
+ ds(n, {
+ position: oldPos
+ });
+ },
+ properties:{
+ top: oldTop
+ }
+ }, args)));
+ anims.push(a1);
+ anims.push(a2);
+
+ return dojo.fx.chain(anims);
+ }
+});
+
+}
+
+}};});
|