查看完整版本: 滑鼠接觸文字時顯現圖片

滑鼠接觸文字時顯現圖片

<P><FONT color=blue>田螺坑土樓&nbsp;&nbsp;&nbsp;&lt;&lt;&lt; 顯示字句，可改</FONT><BR><FONT color=blue></FONT><BR><FONT color=blue>http://bunbun000.com/image/img07.jpg&nbsp; &nbsp;&lt;&lt;&lt; 圖片網址，可改</FONT><BR><FONT color=purple></FONT><BR><BR><FONT size=3><FONT color=#0000ff>如不能顯示語法效果可貼去本站</FONT></FONT><A href="http://www.bunbun000.com/html/index.htm" target=_blank><FONT size=3><FONT color=red>語法測試板</FONT></FONT></A><FONT size=3><FONT color=#0000ff>試看</FONT></FONT><BR><FONT size=3><FONT color=#0000ff></FONT></FONT><BR><BR><BR><FONT color=purple></FONT><BR><FONT color=purple></FONT><BR><FONT color=purple>&lt;div align="centre" onmouseover="showPic(0);" onmouseout="showPic();"&gt;<BR>田螺坑土樓<BR>&lt;/div&gt;</FONT></P>
<P><FONT color=purple>&lt;div id="pic"&gt;<BR>&lt;/div&gt;</FONT></P>
<P><FONT color=purple>&lt;script type="text/javascript"&gt;</FONT></P>
<P><FONT color=purple>var Imgs = new Array(); <BR>Imgs[0] = "http://bunbun000.com/image/img07.jpg";</FONT></P>
<P><FONT color=purple>function showPic(picUrl)<BR>{ show = document.getElementById("pic");</FONT></P>
<P><FONT color=purple>if (arguments.length&gt;0) <BR>show.innerHTML = '&lt;img src="' + Imgs[picUrl] + '" border=0&gt;';<BR>else<BR>show.innerHTML = '';<BR>}</FONT></P>
<P><FONT color=purple>&lt;/script&gt;</FONT></P>

複製上列語法

<form name="copy">
<textarea cols="40" name="txt" rows="4" style="BACKGROUND-COLOR:#ffffff; COLOR:#000000; FONT-SIZE:9pt">
<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>
</textarea><br>
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="全選">
</form>

<br>

<script type="text/javascript"><!--
google_ad_client = "ca-pub-4078143172638881";
/* 336X280 */
google_ad_slot = "3268225205";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>