dojox/fx/flip.js

• Provides:

  • dojox.fx.flip

• Requires:

  • dojo.fx in common

• borderConst

  • type

    String

• widthConst

  • type

    String

• heightConst

  • type

    String

• topConst

  • type

    String

• rightConst

  • type

    String

• leftConst

  • type

    String

• bottomConst

  • type

    String

• dojox.fx.flip

  • parameters:
    • args: (typeof Object)
  • returns

    dojo.Animation

  • summary

    Animate a node flipping following a specific direction

  • description

    Returns an animation that will flip the
    node around a central axis:
    if args.dir is "left" or "right" --> y axis
    if args.dir is "top" or "bottom" --> x axis
    
    This effect is obtained using a border distorsion applied to a helper node.
    
    The user can specify three background colors for the helper node:
    darkColor: the darkest color reached during the animation
    lightColor: the brightest color
    endColor: the final backgroundColor for the node
    
    depth: Float
    0 <= depth <= 1 overrides the computed "depth"
    (0: min distorsion, 1: max distorsion)
    
    whichAnim: String
    "first"          : the first half animation
    "last"           : the second one
    "both" (default) : both
    
    axis: String
    "center" (default)    : the node is flipped around his center
    "shortside"           : the node is flipped around his "short" (in perspective) side
    "longside"            : the node is flipped around his "long" (in perspective) side
    "cube"                : the node flips around the central axis of the cube
    
    shift: Integer
    node translation, perpendicular to the rotation axis

  • example

    	var anim = dojox.fx.flip({
    		node: dojo.byId("nodeId"),
    		dir: "top",
    		darkColor: "#555555",
    		lightColor: "#dddddd",
    		endColor: "#666666",
    		depth: .5,
    		shift: 50,
    		duration:300
    	  });

  • type

    Function

• dojox.fx.flipCube

  • parameters:
    • args: (typeof Object)
  • summary

    An extension to <code>dojox.fx.flip</code> providing a more 3d-like rotation

  • description

    An extension to `dojox.fx.flip` providing a more 3d-like rotation.
    Behaves the same as `dojox.fx.flip`, using the same attributes and
    other standard `dojo.Animation` properties.

  • example

    See `dojox.fx.flip`

  • type

    Function

• dojox.fx.flipPage

  • parameters:
    • args: (typeof Object)
  • summary

    An extension to <code>dojox.fx.flip</code> providing a page flip like animation.

  • description

    An extension to `dojox.fx.flip` providing a page flip effect.
    Behaves the same as `dojox.fx.flip`, using the same attributes and
    other standard `dojo.Animation` properties.

  • example

    See `dojox.fx.flip`

  • type

    Function

• dojox.fx.flipGrid

  • parameters:
    • args: (typeof Object)
  • summary

    An extension to <code>dojox.fx.flip</code> providing a decomposition in rows * cols flipping elements

  • description

    An extension to `dojox.fx.flip` providing a page flip effect.
    Behaves the same as `dojox.fx.flip`, using the same attributes and
    other standard `dojo.Animation` properties and
    
    cols: Integer columns
    rows: Integer rows
    
    duration: the single flip duration

  • example

    See `dojox.fx.flip`

  • type

    Function

• dojox.fx

  • type

    Object

• dojox

  • type

    Object