UIZE JavaScript Framework

JAVASCRIPT EXAMPLES Hover Fader Color Effects

In this example, an instance of the Uize.Widget.HoverFader class is wiring up a slick JavaScript animation effect to the links in a menu (to the left). A list of links in the "PRESETS" tab lets you preview effect presets. When you choose a preset, the Uize.Widget.HoverFader instance will be configured with those settings, and will be automatically "tickled" to demo the settings. Be sure to also interact with the menu, since "tickling" only demos the fade-out phase, and some effects are interesting in their fade-in phase. To fool around with the settings for a preset, switch over to the "PARAMS" tab to tweak values and click the "PREVIEW HOVER FADER SETTINGS" button to preview changes.