Fade Animation

[SmartMenus 6 add-on]

This sample demonstrates how you can apply a fade 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: Fade Animation

Usage

Using the Fade 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 fade animation effect to all sub menus you may have on the page.

Customization

You will find the following variable that sets the duration of the fade animation effect in the add-on (the "c_addon_fx_fade.js" file):

c_fade_duration=200; // 1000==1 second

Browser support

This add-on is supported in the following browsers:

• Internet Explorer 5.5+ on Windows
• Gecko later than 20020530 (Mozilla 1.0+)
• Opera 9.0+
• Safari 2.0+
• Konqueror 4.0+

Notes

Please note the following:

1. You can use this add-on in combination with any other add-on.

---

• Back to Main Site Navigation Links
• Back to Top

---

← Previous Sample | Online Samples Home | Next Sample →