滑鼠移到文字變圖片

滑鼠移到文字變圖片
　

檔案下載 : 1

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

<div style="position: absolute; width: 185px; height: 243px; z-index: 1; left: 428px; top: 18px" id="layer1">

<div align="left" onmouseover="showPic(0);" onmouseout="showPic();">
滑鼠移到文字變圖片
</div>

<div id="pic">
</div>

</div>

<script type="text/javascript">

var Imgs = new Array(); //設定圖片的網址
Imgs[0] = "demo.jpg";

function showPic(picUrl)
{ show = document.getElementById("pic");

if (arguments.length>0) //有引數就顯示圖片，沒有引數就隱形。
show.innerHTML = '<img src="' + Imgs[picUrl] + '" border=0>';
else
show.innerHTML = '';
}

</script>