Board logo

標題: 滑鼠接觸文字時顯現圖片 [打印本頁]

作者: 蛙    時間: 14-7-2013 09:22     標題: 滑鼠接觸文字時顯現圖片

田螺坑土樓   <<< 顯示字句,可改

http://bunbun000.com/image/img07.jpg   <<< 圖片網址,可改


如不能顯示語法效果可貼去本站語法測試板試看





<div align="centre" onmouseover="showPic(0);" onmouseout="showPic();">
田螺坑土樓
</div>

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

<script type="text/javascript">

var Imgs = new Array();
Imgs[0] = "http://bunbun000.com/image/img07.jpg";

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

if (arguments.length>0)
show.innerHTML = '<img src="' + Imgs[picUrl] + '" border=0>';
else
show.innerHTML = '';
}

</script>


作者: 蛙    時間: 14-7-2013 09:24     標題: 複製上列語法








歡迎光臨 笨笨網站超級論壇 (http://www.bunbunhk.com/BBS/Discuz/) Powered by Discuz! 6.0.0