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

Notice how we access other elements. The left image is labeled with ID = "leftImg". The right image accesses the left image's SRC attribute as leftImg.src.

Learn more about dynamic styles in Column 66, Dynamic Styles.

People who read this tip also read these tips:

• Back-Door Referencing of the Form Object
• Detecting the CTRL Key
• Detecting the Mouse Button
• The setCapture() Method
• Retrieving Element Event Location