Slide Animation
[SmartMenus 6 add-on]
This sample demonstrates how you can apply a slide animation effect (cross-browser) for opening the sub menus.
For the purpose you need to use a small add-on script.
SmartMenus 6 Add-on: Slide Animation
Usage
Using the Slide Animation add-on is really simple - just link the small JS file on your page after the link to the SmartMenus script core (c_smartmenus.js) file. This is all you need to do - the add-on script will automatically apply the slide animation effect to all sub menus you may have on the page.
The script automatically detects the direction at which any sub menu should be slid.
Customization
You will find the following variables that could be used to customize the slide animation effect in the add-on (the "c_addon_fx_slide.js" file):
c_slide_steps=8;
c_slide_speedGain=0.5; // with each step (pixels)
Browser support
This add-on is supported in all browsers that are fully supported by the SmartMenus 6 script with the following exceptions:
- Old Gecko prior to 20020530 (Mozilla<1.0)
- Opera<7.5
- Internet Explorer on Macintosh
Notes
Please note the following:
- You can use this add-on in combination with any other add-on except the "Reveal Animation" add-on.
Download this sample
You can download the complete example or just see the configuration file and the images used for it.
