miércoles, 12 de septiembre de 2012

Mouse Over: Enlarge

Scintillating Grid

The function bigImg() is triggered when the user moves the mouse pointer over the image. This function enlarges the image.

The function normalImg() is triggered when the mouse pointer is moved out of the image. That function changes the height and width of the image back to normal.

HTML JavaScript Codes
<html>
<head>
<script>
function bigImg(x)
{
x.style.height="100%";
x.style.width="100%";
}
function normalImg(x)
{
x.style.height="240px";
x.style.width="240px";
}
</script>
</head>
<body>
<img alt="Scintillating Grid" border="0" height="240" onmouseout="normalImg(this)" onmouseover="bigImg(this)" src="http://www.michaelbach.de/ot/lum-scGrid/scgrid-redstreets.png" style="background: transparent;" width="240" />
</body>
</html>

No hay comentarios.:

Publicar un comentario

BiENVENiDO, estás en tu casa.