Wikibooks

BTEC IT Unit 20 - Website Design/JavaScript/Rollover

< BTEC IT Unit 20 - Website Design‎ | JavaScript

Image Rollover 

<meta charset="utf-8">
<title>How to Make a JavaScript Image Rollover</title>
 
<!--JavaScript code goes here.-->
<script language="javascript">
        function MouseRollover(MyImage) {
         MyImage.src = "MyPicture2.jpg";
    }
        function MouseOut(MyImage) {
                MyImage.src = "MyPicture1.jpg";
    }
</script>
</head>
 
<body>
 
<div align="center">
 
<!--The rollover image displays here.-->
<img src="MyPicture1.jpg" boarder="0px" width="650px" height="550px" 
onMouseOver="MouseRollover(this)" 
onMouseOut="MouseOut(this)" />
</div>
 
</body>
Retrieved from "https://en.wikibooks.org/w/index.php?title=BTEC_IT_Unit_20_-_Website_Design/JavaScript/Rollover&oldid=3678021"