滑鼠移到圖片變大

 

檔案下載 : 1  2

下列程式碼複製至<body>程式碼</body>之間

<img src="a.jpg" id="pic">
<script type="text/javascript">
//設定id為pic的標籤的遊標滑入事件函式
//且將src的屬性設為b.jpg
document.getElementById('pic').onmouseover=function(){
this.setAttribute('src','b.jpg');
}
//設定id為pic的標籤的遊標滑出事件函式
//且將src的屬性設為a.jpg
document.getElementById('pic').onmouseout=function(){
this.setAttribute('src','a.jpg');
}
</script>