Creating Rollovers


In this lesson you will create rollovers for your Web site. In your Image editing program you will first create the first and second state for your buttons then you will use the code from the examples below to create the Javascript rollover effect.

For each example below you should use your cursor to test the rollover effects then look at the source code to see how the Javascript is written. The first example is accompanied by a link to color coded Javascript code that shows how to use this code to switch images on your page.

Single Local Rollover

Single Remote Rollover

Double Rollover

Rollover with Text

 

Students | Coaches | Schools | Employers
Home | About Us | Contact Us

Copyright ©2001 Insite Mentoring Program, All rights reserved.
Privacy Statement | Terms of Use