Seja a página “principal.html” apresentada a seguir.
<HTML>
<HEAD>
<SCRIPT LANGUAGE = "JavaScript">
img1 = new Image (200, 200);
img1 . src = "img1 . jpg",
img2 = new Image (200, 200);
img2 . src = "img2 . jpg";
</SCRIPT>
</HEAD>
<BODY>
<A HREF = "destino . html"
OnMouseOver="document . imagem . src=img2 . src"
OnMouseOut="document . imagem . src=imgl . src">
<IMG SRC=" img1 . jpg" NAME="imagem" WIDTH=200
HEIGHT=200 BORDER=0 ALT="Imagem">
</A>
</BODY>
</HNTL>
Os arquivos img1.jpg e img2.jpg são imagens que estão localizadas no mesmo diretório que a página “principal.html”.
Considerando que o browser do usuário que carrega a página “principal.html” está capacitado a rodar scripts JavaScript e que o cursor do mouse não está inicialmente localizado sobre as imagens, é correto afirmar que a página será carregada:
