View data-file of this sample - 1st menu
View data-file of this sample - 2nd menu

Transitional Effects

Below you can see the list of available transitional effect.
To create the transitional effect use the following parameters:

var transition = 24;              // index of the effect (see the list below)
var transDuration = 300;     // duration of the effect (in ms)

Effects with the index more than 24 have additional parameters.
To see these parameters select transitional effect in the list below.

0. Box in 1. Box out 2. Circle in 3. Circle out 4. Wipe up 5. Wipe down 6. Wipe right 7. Wipe left 8. Vertical blinds 9. Horizontal blinds 10. Checkerboard across 11. Checkerboard down 12. Random dissolve 13. Split vertical in 14. Split vertical out 15. Split horizontal in 16. Split horizontal out 17. Strips left down 18. Strips left up 19. Strips right down 20. Strips right up 21. Random bars horizontal 22. Random bars vertical 23. Random 24. Fade 25. Blinds 26. Checkerboard 27. GradientWipe 28. Inset 29. Iris 30. Pixelate 31. RadialWipe 32. RandomBars 33. RandomDissolve 34. Slide 35. Spiral 36. Stretch 37. Strips 38. Wheel 39. Zigzag

Filters

Available filters are alpha (transparency) and shadow.
To set a transparency for submenus in dhtml dynamic menu use the following parameter:

var transparency = 75;     // transparency in %

To create a shadow use the following parameters:

var shadowLen = 3;
var shadowColor = "#555555";
var shadowTop = 1;                    // enable/disable a shadow for the top-menu (0 - disabled, 1 - enabled)