New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Partners
Sweet Ads

Image Mouseover Effects

Image w/ description tooltip FF1+ IE5+ Opr7+
-User Submitted
Move the mouse over a link and have the image of your choice plus corresponding description pop up, by using this tooltip script. Great for viewing images on demand.

Pop-up image Script IE5+
Turn your images into depressible, pop-up buttons! This script creates the illusion of an elevated image by applying a shadow and shifting the image to the up and left. When the user holds down the mouse, the shadow is deleted, and the image shifted back to its usual position...just like a button!

Shake Image script FF1+ IE5+ Opr7+
This script "shakes" an image when the mouse comes in contact with it. Use it to add instant eye-popping effect to your image links.

DOM image and sound rollover FF1+ IE5+ Opr7+
-User Submitted
Add the classic "roll over" effect to your image(s) with ease, thanks to this versatile DHTML script. Just insert a custom HTML attribute inside the image, and you're done. You can also apply an optional audio file to playback onmouseover, using HTML5 audio.

Image Swap and HTML5 audio effect FF1+ IE5+ Opr7+
This script makes it easy to add rollover/ mousedown effects to any element on the page, whether it's an image or text link, even image submit buttons. The two possible effect are either an image change, or audio playback using HTML5. Whichever effect you utilize, the script will preload the image or audio for a smooth transition.

Dissolving image rollover FF1+ IE5+ Opr7+
-User Submitted
A beefed up version of the classic rollover image, this script adds a dissolving effect during image change in IE4+. The script works across all browsers, though as eluded to, only IE4+ will experience the added transition. Very cool.

Highlight Image Script FF1+ IE5+
A script that makes any image(s) appear dull before the mouse moves over it; as the mouse moves over it, the image changes to its original appearance. This is a script controlled effect, so no altering is required to the actual image in any way.

Highlight Image Script II FF1+ IE5+ Opr7+
We got our inspiration for this script from the site Mcafee.com, which contains such an effect on one of its pages. Move your mouse over any of the participating images, and a border is applied to it onMouseover. The border color is customizable for each image.

Gradual-Highlight Image Script FF1+ IE5+
A script that makes any image(s) appear dull before the mouse moves over it; as the mouse moves over it, the image gradually changes to its original appearance. Use it to instantly add stunning onMouseover effects to your menu images, for example.

Spotlight effect IE5+
Cast an interactive "spotlight" on the image of your choice using this DHTML script. Move the light about using your mouse. This cool effect works in IE4+, degrading well with the rest.