1. Technology
You can opt-out at any time. Please refer to our privacy policy for contact information.

Mouseover Code

Make Your Graphics Change


These JavaScript templates were found by me for you to use. Just highlight the whole template, copy it and paste it into your text editor or Web page editor.

Make your graphics change when someone moves their mouse over them. Add this simple JavaScript to your code, choose your graphics and add this feature to your Web pages.

1. Where you see graphics/ you need to change to the location of the file where you keep your graphics on your server.

2. Change graphics/about.jpg to the location and name of your main graphic.

3. You will need 2 graphics. One with the main name (ie. about.jpg) and the other with _ov added to it (ie. about_ov.jpg).

4. Where you see the word about in this script you will need to change to the name of your graphic.

Copy This Code to Your Web Page

See What The Page Looks Like

More Templates

©2014 About.com. All rights reserved.