DIV下拉式選單（二）
作者：Eve Cole
更新時間：2009-06-20 17:00:56
你可以把這段程式放在<head></head>標識之間，或是網頁的任何位置。
接下來，我們還要定義我們的實際選單項目了，這裡我們要給每一個選單項目加上一個滑鼠的移動事件(OnMouseOver)句柄，並且讓這個事件呼叫我們上面定義的Show函數。也就是說，當滑鼠一進入我們的選單項目中，我們的show函數就開始執行了。這裡，我們也要為我們的每個選單項目定義一個ID號，並且把其下拉式選單列的ID名稱傳入Show函數中，這對我們控制下拉式選單列很關鍵，下面我給了選單項目的HTML語法說明：
<table border=0>
<tr>
<td ID="d1" onmouseover="show(this,ds1);" class="menu">雜誌技術站點</td>
<td ID="d2" onmouseover="show(this,ds2);" class="menu">門戶站點</td>
<td ID="d3" onmouseover="show(this,ds3);" class="menu">個人收藏站點</td>
</tr>
</table>
最後，我們要定義我們的下拉式選單列了。每一個下拉選單列，我們都要賦予其Submenu的CSS屬性，和一個ID名字好讓我們的Show函數控制它，最後，我們讓他的預設顯示方式為none，也就是讓它不顯示。這是給它的Display樣式賦值「none」來實現的。下面，我給了下拉式選單列的HTML語法描述：
<DIV ID="ds1" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:\www.yesky.com">天極網Yesky.com</A>
<BR><A HREF="http:\www.cbinews.com">電腦商情報</A>
<BR><A HREF="http:\www.newsoft.com.cn">新潮電子</A>
<BR>
</DIV>
<DIV ID="ds2" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:\www.sina.com.cn">新浪網Sina</A>
<BR><A HREF="http:\www.sohu.com.cn">搜狐Sohu</A>
<BR><A HREF="http:\www.163.com">網易Netease</A>
<BR>
</DIV>
<DIV ID="ds3" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:\haoel.yeah.net">耗子網路程式設計站</A>
<BR><A HREF="http:\www.5460.net">中國同學錄</A>
<BR><A HREF="http:\www.csdn.net">中國軟體開發網</A>
<BR>
</DIV>
這就是全部的過程了，有了以上四個步驟，你一定可以看見一個選單了，把它放在你的網頁上吧，一定會很漂亮的。當然，你也可以自己試著改變一下選單的屬性，讓它更像一個選單。
