深圳網站(zhàn)建設如何在Dreamweaver 制作(zuò)彈出菜單

作(zuò)者： 發布于：2015/3/25 8:32:04 點擊量：

如何在Dreamweaver 制作(zuò)彈出菜單
               

想不想在Dreamweaver中制作(zuò)一個彈出菜單，如何在Dreamweaver 制作(zuò)彈出菜單呢(ne)，下(xià)面深圳網站(zhàn)建設深圳網站(zhàn)建設給大(dà)家分享一個方法，有需要的朋友可以看(kàn)看(kàn)。

我們制作(zuò)中要完成的效果是當鼠标移動到(dào)文(wén)字上(shàng)時(shí)，就會(huì)彈出一個漂亮(liàng)的菜單，如圖 17-1 和(hé)圖 17-2 所示。

具體操作(zuò)步驟如下(xià)：

1、輸入文(wén)字并設置超鏈接。在網頁中輸入文(wén)字，因爲單獨的文(wén)本文(wén)字是無法添加行爲的，按照 Dreamweaver 中的約定，将文(wén)字的超鏈接設置爲“ JavaScript:; ”才能(néng)夠添加行爲。所以将文(wén)字的超鏈接設爲“ Javascript:; ”，并執行【顯示彈出式菜單】行爲，如圖 17-3 所示。

2、設置菜單項和(hé)子菜單項，并爲菜單設置超鏈接，然後安排好(hǎo)各個菜單的次序，如圖 17-4 所示。

3、設置頁面元素。将菜單設置爲垂直菜單，并分别設置菜單的字體、字号、對(duì)齊方式、一般狀态和(hé)鼠标滑過時(shí)的狀态，如圖 17-5 所示。

4、設置【高(gāo)級】标簽。在【高(gāo)級】标簽選項中設置菜單的延遲時(shí)間，以及是否顯示菜單邊框。然後設置邊框的寬度、顔色、陰影、高(gāo)亮(liàng)，如圖 17-6 所示。

注意：【菜單延遲】中時(shí)間的單位是毫秒（ ms ）， 1000 毫秒等于 1 秒，在設置時(shí)注意換算(suàn)。

5、設置的 x 軸和(hé) y 軸參數。在【位置】标簽選項中設置彈出菜單的 x 軸和(hé) y 軸參數，這(zhè)兩個參數表示彈出菜單左上(shàng)角到(dào)網頁左上(shàng)角的距離，如圖 17-7 所示。

6、保存網頁文(wén)件，然後在浏覽器中打開(kāi)該網頁，将鼠标光标移動到(dào)文(wén)字上(shàng)方時(shí)即可看(kàn)到(dào)有菜單彈出，本實例操作(zuò)完畢。深圳網站(zhàn)建設通過 Dreamweaver ，可以快(kuài)速制作(zuò)出以往隻能(néng)用(yòng)複雜(zá)代碼才能(néng)實現(xiàn)的彈出菜單，這(zhè)樣可以實現(xiàn)複雜(zá)菜單的彈出和(hé)收縮，方便使用(yòng)又能(néng)讓頁面美(měi)觀、整潔。