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:

• Initializing the style Object
• Converting Dimensions for Printing
• Detecting Stylesheets
• Decoding Headers and Footers
• Inline Class Assignment