我們就可以開始在網頁中製作下拉列表了。我們在網頁的頂部放置乙個區域，用於顯示主選單條，每乙個主選單條作為乙個超連結橫向置於該區域中，當然除非選單項沒有子選單，一般情況下這裡的超連結不指向任何位址，只用它來啟用子選單。區域的格式見程式1。
code:
選單項一
選單項二
…… 接著，我們根據主選單條的個數定義相應的子選單，為每個子選單定義乙個區域，該區域中第乙個元素是一條橫線，然後每個子選單作為乙個超連結置於該區域中，由於子選單縱向排列，每個超連結後加
換行。當然這個區域現在還不能顯示出來，但當它被啟用時，其顯示位置應位於其他物件之上，所以其style屬性置為style=' display:none; z-index:9;'。 注意每個超連結的id均應與其主選單的id相同，以便於統一處理。格式見程式2。
code:
子選單項一一
子選單項一二
子選單項一三
…… 經過上面的步驟，下拉列表的格式已經定義好了，下面的任務就是控制這些子選單的顯示和隱藏。
當滑鼠移動到主選單條上時，應顯示其子選單，我們通過執行domenu(menuid)響應主選單的onmouseover事件來完成。過程的引數menuid是代表子選單的區域的id，過程執行時先設定window.event. cancelbubble = true，並計算子選單顯示的位置，包括左上角和右下角座標。然後執行下列語句來顯示子選單所在區域：
code: curmenu.style.clip = "rect(0 0 0 0) ";curmenu.style.display = "block";
當滑鼠移出主選單時有兩種情況，一種情況是滑鼠在子選單及其主選單之間移動，這時不能隱藏子選單；另一種情況是滑鼠移出了子選單及其主選單的區域，這時需要隱藏子選單。我們通過執行hidemenu()響應主選單的onmouseout，同時執行hidemenu()響應子選單所在區域的onmouseout事件來完成。
網頁中的另外兩個函式mouseout() 和mouseover() 的功能很簡單，分別用於處理滑鼠移動時選單項的顏色變化。
完整的源**參見《電子與電腦》**www.pccomputing.com.cn。
網頁瀏覽的效果如圖1所示，執行環境為ie4.0以上版本。
（圖注wangye） 圖1
code:
選單項一
選單項二
子選單項一一
子選單項一二
子選單項一三
子選單項二一
子選單項二二
子選單項二三
退出系統
設計網頁文字內容
標題文字標記 共有6種，字型大小從大到小。標題文字的對齊方式 align 有3種 left，center，right。設定文字格式 設定文字字型 face 應用了該字型的文字 設定字型大小 size 1 7或 1 7或 1 7。設定文字顏色 color 粗體 斜體 下劃線 strong 或b em ...
SiteMesh，設計網頁架構
sitemesh通過decorator的設計模式，十分利索地達到了目的。其設計思想是，使用者傳送request至伺服器，伺服器根據此request生成動態資料，生成網頁，準備返回給客戶端。就在返回前，sitemesh進行攔截，對此網頁進行解析，將title body等部分拆解出來，套上模板後，再返回...
使用HTML設計網頁
html doctype html 詩集body center 那一天 倉央嘉措 龍澤索南 那一天.type 那一天，閉目在經殿香霧中，驀然聽見，你誦經中的真言 那一月，我搖動所有的經筒，不為超度，只為觸 的指尖 那一年，磕長頭匍匐在山路，不為覲見，只為貼著你的溫暖 那一世，轉山轉水轉佛塔啊，不為修...