DHTML Menu, (c)2004 Apycom JavaScript Menu Home
    New Transition Effects Example


15 new transitional effects were added.
All compatible with Internet Explorer 5.5+;

A new transition effect has index 25..39. (var transition=25..39;)
Here is the example of a GradientWipe transition (var transition=27;).

Also the new parameter was added: var transOptions="transition options";
This parameter sets options only for new transition effects.
If you don't set this parameter, transition options will be default.

Here is the list of new transitions:

25: Blinds
    var transOptions= "bands=number, direction=up/down/left/right";

26: Checkerboard
    var transOptions= "direction=up/down/left/right, SquaresX=number, SquaresY=number";

27: GradientWipe
    var transOptions= "gradientSize=[0..1], wipestyle=0/1, motion=forward/reverse";

28: Inset
    This transition doesn't have options.

29: Iris
    var transOptions= "irisstyle=diamond/circle/cross/plus/aquare/star, motion=in/out";

30: Pixelate
    var transOptions= "maxSquare=number";

31: RadialWipe
    var transOptions= "wipestyle=clock/wedge/radial";

32: RandomBars
    var transOptions= "orientation=horizontal/vertical";

33: RandomDissolve
    This transition doesn't have options.

34: Slide
    var transOptions= "slidestyle=hide/push/swap, bands=number";

35: Spiral
    var transOptions= "gridSizeX=number, gridSizeY=number";

36: Stretch
    var transOptions= "stretchstyle=hide/push/spin";

37: Strips
    var transOptions= "motion=leftdown/leftup/rightup/rightdown";

38: Wheel
    var transOptions= "spokes=number";

39: Zigzag
    var transOptions= "gridSizeX=number, gridSizeY=number";



To see configuration file (.js file) click here
.

<<Prev: CSS Menu DHTML Menu Examples Dynamic Menu :Next>>
How to setup | Parameters | DHTML Menu Home | Buy Now
video background | bootstrap theme builder | top website builders | gratis website builder | free icon maker