<IMG SRC="bc.gif" onMouseOver="this.src = 'gl.gif';"
 onMouseOut="this.src = 'gr.gif';">

Notice that we display here three GIFs. The first one (bc.gif) appears upon loading (and reloading) of the page. The left arrow image (gl.gif) is invoked when the user mouses over the image. The right arrow (gr.gif) is called whenever the user mouses out of the element.

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

People who read this tip also read these tips:

• A Frameset in a Frame
• Locating An Event
• The setCapture() Method
• Probing the Left CTRL Key
• Privacy Enhancements in Internet Explorer 6