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>
<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.