查看完整版本: 美觀垂直選單 2

美觀垂直選單 2

<P><FONT color=blue><FONT size=3>如不能顯示語法效果可貼去本站</FONT><A href="http://www.bunbun000.com/html/index.htm" target=_blank><FONT color=red size=3>語法測試板</FONT></A><FONT color=#0000ff size=3>試看</FONT></FONT></P>
<P><FONT color=#0000ff size=3></FONT>&nbsp;</P>
<P><FONT color=#0000ff size=3></FONT>&nbsp;</P>
<P><FONT color=purple>更改按鈕文字及連結網址即可，可隨意增加或減少連結數目</FONT></P>
<P><FONT color=blue></FONT>&nbsp;</P>
<P><FONT color=blue></FONT>&nbsp;</P>
<P><FONT color=blue></FONT>&nbsp;</P>
<P><FONT color=blue>&lt;style type="text/css"&gt;<BR>&lt;!--<BR>.menu {font-family:新明細體; font-weight:bold}</FONT></P>
<P><FONT color=blue>.menu a{<BR>text-decoration:none;<BR>color:blue;<BR>}<BR>--&gt;<BR>&lt;/style&gt;<BR>&lt;script language="javascript"&gt;<BR>&lt;!--</FONT></P>
<P><FONT color=blue>function movein(which,html){<BR>which.style.background='coral'<BR>if (document.getElementById)<BR>document.getElementById("boxdescription").innerHTML=html<BR>else<BR>boxdescription.innerHTML=html<BR>}</FONT></P>
<P><FONT color=blue>function moveout(which){<BR>which.style.background='bisque'<BR>if (document.getElementById)<BR>document.getElementById("boxdescription").innerHTML='&nbsp;'<BR>else<BR>boxdescription.innerHTML='&nbsp;'<BR>}</FONT></P>
<P><FONT color=blue>//--&gt;<BR>&lt;/script&gt;</FONT></P>
<P><FONT color=blue>&lt;table bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0"&gt;</FONT></P>
<P><FONT color=blue>&lt;tr&gt;<BR>&lt;td class="menu" bordercolor="black" id="choice1" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'笨笨網站')" onmouseout="moveout(this)""&gt;<BR>&lt;a href="</FONT><A href="http://bunbun000.com/"><FONT color=blue>http://bunbun000.com/</FONT></A><FONT color=blue>" target="_blank"&gt;笨笨網站&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;</FONT></P>
<P><FONT color=blue>&lt;td class="menu" bordercolor="black" id="choice2" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'笨網論壇')" onmouseout="moveout(this)"&gt;<BR>&lt;a href="</FONT><A href="http://www.bunbunhk.com/BBS/Discuz/index.php"><FONT color=blue>http://www.bunbunhk.com/BBS/Discuz/index.php</FONT></A><FONT color=blue>" target="_blank"&gt;笨網論壇&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;</FONT></P>
<P><FONT color=blue>&lt;td class="menu" bordercolor="black" id="choice3" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'免費資源')" onmouseout="moveout(this)"&gt;<BR>&lt;a href="</FONT><A href="http://www.bunbunhk.com/bg.htm"><FONT color=blue>http://www.bunbunhk.com/bg.htm</FONT></A><FONT color=blue>" target="_blank"&gt;免費資源&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;</FONT></P>
<P><FONT color=blue>&lt;td class="menu" bordercolor="black" id="choice4" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'語法測試')" onmouseout="moveout(this)"&gt;<BR>&lt;a href="</FONT><A href="http://www.bunbunhk.com/cgi-bin/html/index.htm"><FONT color=blue>http://www.bunbunhk.com/cgi-bin/html/index.htm</FONT></A><FONT color=blue>" target="_blank"&gt;語法測試&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;</FONT></P>
<P><FONT color=blue>&lt;tr&gt;<BR>&lt;td bordercolor="black" bgcolor="ivory" height="18"&gt;&lt;font id="boxdescription" face="Verdana" size="2"&gt;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;<BR>&lt;/table&gt;</FONT><BR></P>

複製上列語法

<form name="copy">
<textarea cols="40" name="txt" rows="4" style="BACKGROUND-COLOR:#ffffff; COLOR:#000000; FONT-SIZE:9pt">
<style type="text/css">
<!--
.menu {font-family:新明細體; font-weight:bold}

.menu a{
text-decoration:none;
color:blue;
}
-->
</style>
<script language="javascript">
<!--

function movein(which,html){
which.style.background='coral'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=html
else
boxdescription.innerHTML=html
}

function moveout(which){
which.style.background='bisque'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=' '
else
boxdescription.innerHTML=' '
}

//-->
</script>

<table bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0">

<tr>
<td class="menu" bordercolor="black" id="choice1" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'笨笨網站')" onmouseout="moveout(this)"">
<a href="http://bunbun000.com/" target="_blank">笨笨網站</a></td></tr>

<td class="menu" bordercolor="black" id="choice2" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'笨網論壇')" onmouseout="moveout(this)">
<a href="http://www.bunbunhk.com/BBS/Discuz/index.php" target="_blank">笨網論壇</a></td></tr>

<td class="menu" bordercolor="black" id="choice3" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'免費資源')" onmouseout="moveout(this)">
<a href="http://www.bunbunhk.com/bg.htm" target="_blank">免費資源</a></td></tr>

<td class="menu" bordercolor="black" id="choice4" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'語法測試')" onmouseout="moveout(this)">
<a href="http://www.bunbunhk.com/cgi-bin/html/index.htm" target="_blank">語法測試</a></td></tr>

<tr>
<td bordercolor="black" bgcolor="ivory" height="18"><font id="boxdescription" face="Verdana" size="2"></font></td></tr>
</table>
</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>