Mouse over me to see my over color. Then mouse out to see my out color.

<H1 onMouseOver="this.style.color = 'tan';"
 onMouseOut="this.style.color = 'purple';">Mouse over me to see my over color. 
 Then mouse out to see my out color.</H1>

Notice that the text has three colors. The first color is the default color (black) which is being used upon loading (and reloading) of the page. The other two colors ("purple" and "tan") are set by the onMouseOver() and onMouseOut() events.

Learn more about the subject in Column 66, Dynamic Styles.

People who read this tip also read these tips:

• Detecting the CTRL Key
• The setCapture() Method
• Passing Events in Navigator
• Netscape 6 JavaScript Console
• Error Handling