You are on page 1of 1

DYNAMICALLY CHANGING SIZE OF THE IMAGE

<html>

<head>

<center>

<title>Changing size</title>

<script type="text/javascript">

function moveover()

document.getElementById('image').width="700";

document.getElementById('image').height="560";

function moveback()

document.getElementById('image').width="100";

document.getElementById('image').height="180";

</script>

</head>

<body>

<b>Mouse over the image:</b><br><br>

<img id="image" src="E:\HTML\9\dog.jpg"

onmouseover="moveover()"

onmouseout="moveback()"

width="400"height="500">

</center>

</body>

</html>

You might also like