當前位置:才華齋>設計>網頁設計>

如何在Dreamweaver製作彈出選單

網頁設計 閱讀(2.26W)

大家知道Dreamweaver製作彈出選單嗎?我們瀏覽網頁時總會看到一些現象,在導航欄上將滑鼠放到選單上時,會顯示一些子選單。這就是彈出式選單,這樣不僅美觀,而且節省了很大的空間。就跟隨本站小編一起去了解下吧,想了解更多相關資訊請持續關注我們應屆畢業生考試網!

如何在Dreamweaver製作彈出選單

1、在網頁中輸入文字,因為單獨的文字文字是無法新增行為的,因此需要將文字的`超連結設定為“ JavaScript:; ”,並執行“顯示彈出式選單”操作。

2、設定選單項和子選單項,併為選單設定超連結,然後安排好各個選單的次序。

3、將選單設定為垂直選單,並分別設定選單的字型、字號、對齊方式、一般狀態和滑鼠滑過時的狀態。

4、在“高階”標籤選項中設定選單的延遲時間,以及是否顯示選單邊框。然後設定邊框的寬度、顏色、陰影、高亮。

5、在“位置”標籤選項中設定彈出選單的 x 軸和 y 軸引數,這兩個引數表示彈出選單左上角到網頁左上角的距離。

6、儲存網頁檔案,然後在瀏覽器中開啟該網頁,將滑鼠游標移動到文字上方時即可看到有選單彈出。

相信大家已經瞭解Dreamweaver製作彈出選單了吧!感謝大家對我們網站的支援!