深圳網站(zhàn)建設如(rú)何在Drea ♠mweaver 制(zhì)作(zuò)彈出菜單

作(zuò)者： 發布于：2015-3-25 8:32:0'✔4 點擊量：

如(rú)何在Dreamweaver 制(zhì)作(zuσ≤&ò)彈出菜單
            &nbs‍✘↔↑p;  

想不(bù)想在Dreamweaver中制(zhì)作(z↑♣uò)一(yī)個(gè)彈出菜單，如(rú)何在Dre★✘♦αamweaver 制(zhì)作(zuò)彈出菜單呢‍φ≥(ne)，下(xià)面深圳網站(zhàn)建設深圳網站(zhàn)建設給大(dà)家(jiā)分(fēn)享一(yī)個(gè)方法，有(yǒu)需要(yào)的©♥(de)朋(péng)友(yǒu)可(kě)以看(kàn)看(kàn)。

我們制(zhì)作(zuò)中要(yào)完成的(de)效果是(shì)當鼠标移動到(d≥♥ào)文(wén)字上(shàng)時(shí)，就(jiù)會≈δ≠ (huì)彈出一(yī)個(gè)漂亮(liàng)的(de)菜單，如(rú)圖 17-1  ×♦€和(hé)圖 17-2 所示。

具體(tǐ)操作(zuò)步驟如(rú)下(xià)：

1、輸入文(wén)字并設置超鏈接。在網頁中輸入文(wé→'γπn)字，因為(wèi)單獨的(de)文(wén)本文(wén♠→÷γ)字是(shì)無法添加行(xíng)為(wèi)的(de)，按照(zhà βo) Dreamweaver 中的(de)約定 ☆，将文(wén)字的(de)超鏈接設置為(wèi)“ Java ×Script:; ”才能(néng)夠添加行(xíng)為(wèi)。所以将文(wén)字的(d♣πe)超鏈接設為(wèi)“ Javascript:; ”，并執行(xíng)【顯示彈出式菜單‍✘☆×】行(xíng)為(wèi)，如(rú)圖 17-3 所示。

2、設置菜單項和(hé)子(zǐ)菜單項，并為(wèi)ε∞菜單設置超鏈接，然後安排好(hǎo)各個(gè)菜單的(de)次序，如(rú)圖 ≤σ✔17-4 所示。

3、設置頁面元素。将菜單設置為(wèi)垂直菜單，并分(fēn)别設置菜單的(de↑≈≠¥)字體(tǐ)、字号、對(duì)齊方式、一(yī)般狀态和(hé)鼠标滑過時(shí)的(de)>₹狀态，如(rú)圖 17-5 所示。

4、設置【高(gāo)級】标簽。在【高(gāo)級】标簽選項中設®α置菜單的(de)延遲時(shí)間(jiān)，以及是(shì)否顯示菜單邊框。然後設置邊>>¥框的(de)寬度、顔色、陰影(yǐng)、高(gāo)亮(liàng)，如™÷☆₽(rú)圖 17-6 所示。

注意：【菜單延遲】中時(shí)間(jiān)的(de)單位是(‍♠₽shì)毫秒(miǎo)（ ms ）， 1000 毫秒(mi £ǎo)等于 1 秒(miǎo)，在設置時(shí)注意換算(₹≥suàn)。

5、設置的(de) x 軸和(hé) y 軸參數(shù)。在【位置】标簽選項中設置'αΩ™彈出菜單的(de) x 軸和(hé) y 軸參數(shù)，這(zhè)兩個(✘®≠εgè)參數(shù)表示彈出菜單左上(shàng)角到(dào)網頁左☆∞¶∑上(shàng)角的(de)距離(lí)，如≥→(rú)圖 17-7 所示。

6、保存網頁文(wén)件(jiàn)，然後在浏覽器(qì)中打™♦✘開(kāi)該網頁，将鼠标光(guāng)标移動到(dào) ↓≈文(wén)字上(shàng)方時(shí♠>ε')即可(kě)看(kàn)到(dào)有(yǒu)菜單彈→∏•出，本實例操作(zuò)完畢。深圳網站(zhàn)建設通(tōng)過 Dreamweaver ，可(kě)以快(kuài)速制(zhì)作(‌σ•zuò)出以往隻能(néng)用(yòng)複雜(zá)代碼才能(néng)實現(x≤δiàn)的(de)彈出菜單，這(zhè)樣可(k↑>ě)以實現(xiàn)複雜(zá)菜單的(de)彈出和(hé)收縮，方便使用(yòε≠ng)又(yòu)能(néng)讓頁面美(měi)觀、整潔。