跳轉到內容

BTEC IT 第 20 單元——網站設計/JavaScript/滑鼠懸停

來自華夏公益教科書,開放世界的開放書籍

影像滑鼠懸停

<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>
華夏公益教科書