我們已成功為(wèi)1600+企業(yè)提供互聯網服務
想不(bù)想在Dreamweaverδ₽™中制(zhì)作(zuò)一(yī)個(gè)彈出菜單,如(rú)何在Dre α¥'amweaver 制(zhì)作(zuò)彈出菜單呢(n✔→₹↓e),下(xià)面深圳網站(zhàn)建設深圳網站(zhàn)建設給大(dà)家(jiā)分(fēn)享一(yī)個(gè)方法,有λ♥₽(yǒu)需要(yào)的(de)朋(pén÷¥≥₹g)友(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ín≥∑g)為(wèi)的(de),按照(zhào) Dreamweaver 中的(d₹γεπe)約定,将文(wén)字的(de)超鏈接設置為(wèi)“ JavaScriptλ§:; ”才能(néng)夠添加行(xíng)為(wèi)。所以将文(wén)字的(de)超鏈接π≤設為(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 ), 10↔€Ω00 毫秒(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)實現(xiàn)的(de)彈出菜單,這(zhè)樣可(kě)以實現↑•(xiàn)複雜(zá)菜單的(de)彈出和(hé)收縮,方便使用(yòng)又(yòu)能(γλnéng)讓頁面美(měi)觀、整潔。
互聯網品牌建設經驗
分(fēn)支機(jī)構
專業(yè)團隊
值得(de)信賴的(de)合作(zuò)夥伴和(hé)服務商
專利、商标、軟件(jiàn)著作(zuò)權