網站制作之最簡單的下拉菜單代碼
一般下拉菜單都是JS實現的,但代碼太多,如果多個項目下拉那改動就太煩瑣了,像這樣的懶人可是受罪。自己寫了段直接用DIV層實現的下拉菜單,很簡單根本無技術含量,菜單下拉的具體位置自己慢慢細調,以下是最簡單的鼠標經過出現下拉菜單的代碼:
<table><tr><Td><div Onmouseout="pro.style.visibility='hidden'" Onmouseover="pro.style.visibility='visible'">
<div align="center" style="visibility:visible"><a href="products.asp">產品展示</a></div>
<div id="pro" style="position:absolute;visibility:hidden; margin-top:0px;">
<table width="105" bgcolor="#64A0E8">
<tr><td height="5" align="left"></td></tr>
<tr><td height="20" align="left"><a href="#">產品分類1</a></td></tr>
<tr><td height="20" align="left"><a href="#">產品分類2</a></td></tr>
<tr><td height="20" align="left"><a href="#">產品分類3</a></td></tr>
<tr><td height="20" align="left"><a href="#">產品分類4</a></td></tr>
</table></div>
</td></tr></table>
注意:記得把第一行代碼的那個O改成字母o啊,編輯器識別不了,哈哈。
下拉菜單層的那個margin-top:0px屬性不要改啊,否則你是得不到需要的那種效果滴。



















