Eksempel 1 - Billedskift ved 'mouseOver'

<A href="#" onClick="return false;" onMouseOver="document.billede1.src='chImg/pict2.gif';" onMouseOut="document.billede1.src='chImg/pict1.gif';"> <IMG NAME="billede1" SRC="chImg/pict1.gif" BORDER=0></A>

Billedet har fået et navn NAME="billede1", som skal bruges til at identificere det billede, vi ønsker at skifte ud.

Rundt om billedet har vi placeret et A-tag med nedenstående attributter og værdier.

• href="#": Vi er nødt til at anvende et A-tag rundt om IMG-taget, idet IMG-taget ikke kan have en onMouseOver eller onMouseOut attribut. Vi sætter href værdien til "#" for at annullere et klik på billedet
• onClick="return false;": Dette er også med til at annullere klik på billedet
• onMouseOver="document.billede1.src='chImg/pict2.gif';": Når musen kommer over billedet (onMouseOver), skal src værdien af det billede, der hedder billede1 i dette dokument sættes til at pege på billedet chImg/pict2.gif, dvs. det nye billede erstatter det oprindelige.
• onMouseOut="document.billede1.src='chImg/pict1.gif';": Når musen flyttes ud af billedet (onMouseOut) igen, sættes det oprindelige billede ind igen.