步驟1:制作菜單外觀
在Dreamweaer新建壹個文件，繪制壹個圖層，在圖層中插入壹個表格(如圖1)，修改表格，然後添加菜單項，建立每壹項的超鏈接。為了刪除超鏈接的下劃線，您可以編輯超鏈接的CSS樣式。在CSS樣式面板中，通過CSS選擇器將“鏈接”和“懸停”的“裝飾”設置為“無”，將“懸停”的“顏色”設置為紅色，最後將設置好的樣式應用於各個菜單欄(按“F12”預覽效果。
第二步:設計菜單的動態效果。
1.選擇壹個層。當鼠標變成十字形時，按住左鍵拖動圖層到頁面右上角(這樣整個菜單欄完全暴露但上邊緣剛好靠近頁面的上邊界)。在窗口菜單中打開時間軸面板，將選中的圖層拖動到時間軸上，Dreamweaer會自動生成壹個長度為15幀的動畫對象，並將動畫對象的最後壹個關鍵幀拖動到第30幀。然後在15幀處右擊，在彈出的快捷菜單中選擇“添加關鍵幀”選項插入關鍵幀，將圖層拖動到合適的位置(如圖2)。
在時間軸窗口中再次右鍵單擊15幀，在彈出的快捷菜單中選擇“添加動作”，為該幀添加交互行為。Dreamweaer會自動打開行為面板。單擊“行為”面板中的+按鈕，從彈出菜單中選擇“時間軸/停止時間軸”以打開“停止時間軸”對話框，選擇“時間軸1”並單擊“確定”以關閉對話框。交互行為的事件為“onFrame15”，動作為“停止時間軸”，這樣當時間軸運行到第15幀時，動畫就會停止播放，從而實現菜單欄彈回的功能。
2.同理，在時間軸的第30幀增加壹個“停止時間軸”的交互行為，實現菜單彈出的功能。添加這兩個交互式行為後，時間線窗口中相應幀的上方會出現壹個藍色正方形，表示壹個交互式行為。選擇“自動播放和循環”復選框，使動畫自動循環(如圖3所示)。
3.現在我們需要設置壹個行為，以便時間軸停止後可以繼續播放。我的想法是這樣的:壹般情況下，菜單欄反彈但只保留下面的“校園大觀”字樣，菜單欄的再次彈出和反彈由鼠標是否經過菜單欄上的“校園大觀”來控制。可以這樣繼續:在菜單欄中選擇“校園大觀”壹詞(確定這個詞的超鏈接地址是“#”，即空鏈接)，點擊行為面板中的+按鈕，在彈出的菜單中選擇“時間線/播放時間線”，在彈出的對話框中選擇“時間線1”，然後點擊確定按鈕，行為面板中就會增加壹個新按鈕。在“事件”下拉列表中選擇“onMouseOver”事件，這意味著當鼠標在單詞上時將播放動畫(如圖4所示)。
已經制作了壹個活動菜單欄。可以按“F12”鍵預覽其效果。