jQuery Rollover

jQuery Rollover allows developers to create rollover effects where the source of an image is replaced with another without having to use CSS.

The technique at the base of this effect is called sliding doors and relies on replacing the underlying background image of an element when hovered.

jQuery Rollover simplifies this by replacing the actual image tag's source attribute and doing automatically via JavaScript with no CSS hacking involved.

The plugin is perfect for creating hover effects, menus, or animated preview panels.

A demo is included with the download file. To work, first fix the jQuery library loading path.

Requirements:

• JavaScript enabled on client side
• jQuery