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

Dreamweaver製作彈出選單的方法技巧

網頁設計 閱讀(1.5W)

我們瀏覽網頁時總會看到一些現象,在導航欄上將滑鼠放到選單上時,會顯示一些子選單。這就是彈出式選單,這樣不僅美觀,而且節省了很大的空間。以下是小編為大家搜尋整理的Dreamweaver製作彈出選單的`方法技巧,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!

Dreamweaver製作彈出選單的方法技巧

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

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

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

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

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

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