滑鼠移到文字變圖片
滑鼠移到文字變圖片
|
檔案下載 : 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> |