Thursday 11 June 2020

Use of onmouseover() & onmouseout() events



<!DOCTYPE html>
<html>
    <head>
<script>
    function BigImage(x) {
x.style.width="300px";
x.style.height="300px";
    }
    function SmallImage(x) {
x.style.width="100px";
x.style.height="100px";
    }
</script>
    </head>
    <body>
        <img src="Images/flag.gif" width="100" height="100" onmouseover="BigImage(this)" onmouseout="SmallImage(this)">
    </body>
</html>

No comments:

Post a Comment