DIV下拉式選單(二)
作者:Eve Cole
更新時間:2009-06-20 17:00:56
你可以把這段程式放在標識之間,或是網頁的任何位置。
接下來,我們還要定義我們的實際選單項目了,這裡我們要給每一個選單項目加上一個滑鼠的移動事件(OnMouseOver)句柄,並且讓這個事件呼叫我們上面定義的Show函數。也就是說,當滑鼠一進入我們的選單項目中,我們的show函數就開始執行了。這裡,我們也要為我們的每個選單項目定義一個ID號,並且把其下拉式選單列的ID名稱傳入Show函數中,這對我們控制下拉式選單列很關鍵,下面我給了選單項目的HTML語法說明:
最後,我們要定義我們的下拉式選單列了。每一個下拉選單列,我們都要賦予其Submenu的CSS屬性,和一個ID名字好讓我們的Show函數控制它,最後,我們讓他的預設顯示方式為none,也就是讓它不顯示。這是給它的Display樣式賦值「none」來實現的。下面,我給了下拉式選單列的HTML語法描述:
這就是全部的過程了,有了以上四個步驟,你一定可以看見一個選單了,把它放在你的網頁上吧,一定會很漂亮的。當然,你也可以自己試著改變一下選單的屬性,讓它更像一個選單。