使用Dreamweaver和Flash在制作網(wǎng)頁(yè)下拉菜單隨著網(wǎng)頁(yè)制作技術(shù)的不斷發(fā)展,網(wǎng)頁(yè)制作水平也在不斷提高,但要制作出一個(gè)好的網(wǎng)頁(yè),菜單的設(shè)計(jì)非常重要。而下拉菜單是網(wǎng)頁(yè)中常見(jiàn)的效果之一,即將鼠標(biāo)移到主菜單或在主菜單上單擊,就會(huì)顯示一個(gè)彈出菜單,這樣不僅節(jié)省網(wǎng)頁(yè)排版上的空間,而且使網(wǎng)頁(yè)布局簡(jiǎn)潔有序。網(wǎng)頁(yè)下拉菜單的制作方法很多,有些是通過(guò)編寫(xiě)復(fù)雜的JavaScript程序來(lái)設(shè)計(jì),有些網(wǎng)站建設(shè)公司是通過(guò)Dreamweaver的顯示或隱藏層的方法來(lái)實(shí)現(xiàn),但這些方法或者復(fù)雜,或者效果不好,給制作下拉菜單造成一定的困難。
其實(shí)在Dreamweaver中可以利用Show Pop-up Menu行為,或在 Flash中利用按鈕響應(yīng)鼠標(biāo)事件,都可以輕松制作出下拉菜單。
1 在Dreamweaver中利用Show Pop-up Menu行為制作下拉 菜單.
1.1 導(dǎo)入主菜單 在網(wǎng)頁(yè)中導(dǎo)入事先制作完成的主菜單按鈕。
1.2 制作彈出菜單 選中主菜單后,選擇“窗口標(biāo)簽檢查器”命令,在打開(kāi)的Tap<img>面板中單擊“+”(行為添加)按鈕,再?gòu)娘@示的行為列表中選擇用于制作彈出菜單的Show Pop-up Menu(顯示彈出式菜單)命令。
步驟1 在顯示彈出式菜單對(duì)話框的“目錄”選項(xiàng)卡中文本區(qū)域輸入彈出菜單的內(nèi)容,再單擊“+”添加按鈕,所建立的菜單內(nèi)容就會(huì)出現(xiàn)在對(duì)話框中的列表中。可以為其設(shè)定鏈接,指定單擊菜單時(shí)跳轉(zhuǎn)的網(wǎng)頁(yè)文檔或網(wǎng)站地址。用同樣的方法添加制作要在彈出菜單中顯示的其他菜單。
步驟2 在“外觀”選項(xiàng)卡中,設(shè)置下拉菜單中的字體、大小、顏色、背景色、排列方式以及鼠標(biāo)移上去后的文字顏色、背景色等外觀屬性。
步驟3 在“高級(jí)”選項(xiàng)卡中,設(shè)置下拉菜單的寬度、高度,菜單間的空白邊距、文字間距,邊框的寬度、顏色以及陰影、高亮顯示等屬性。
步驟4 在“位置”選項(xiàng)卡中,設(shè)置下拉菜單與主菜單的位置關(guān)系。有4種位置可供選擇:主菜單的右下角、低于且位于主菜單的左邊緣、高于且位于主菜單的左邊緣、主菜單的上邊緣。并且還可以對(duì)4種位置關(guān)系進(jìn)行X、Y水平和垂直坐標(biāo)值的調(diào)整。彈出菜單制作完成后。
2 在Flash中利用按鈕響應(yīng)鼠標(biāo)事件制作下拉菜單
2.1 創(chuàng)建文件 新建一個(gè)寬400 px,高150 px的Flash文件。
2.2 制作主菜單
步驟1 通過(guò)選擇“插入/新元件”命令,新建一個(gè)名為“主菜單”、類型為“按鈕”的元件。
步驟2 利用工具箱中矩形工具繪制一個(gè)邊框?yàn)楹谏、填充色為藍(lán)色的矩形(或者可以利用其他的工具繪制圓形、不規(guī)則圖形,也可以導(dǎo)入一個(gè)外部圖片)。調(diào)整寬為100 px,高為20 px。通過(guò)“設(shè)計(jì)面板/對(duì)齊”功能使矩形位于舞臺(tái)正中央(方法:首先選擇“對(duì)于舞臺(tái)”,再選擇對(duì)齊的上下居中、左右居中,才會(huì)達(dá)到位于舞臺(tái)正中央的效果)。
步驟3 利用文字工具輸入文字“學(xué)習(xí)內(nèi)容”,直接調(diào)整文字的大小、字體、顏色等,并將調(diào)整好的文字放在矩形中央。也可以給按鈕加上箭頭用以修飾。
步驟4 用鼠標(biāo)右鍵單擊時(shí)間軸上的over幀插入關(guān)鍵幀,將填充色改為綠色。
長(zhǎng)沙科聯(lián)環(huán)保科技有限公司
長(zhǎng)沙科聯(lián)環(huán)?萍加邢薰咀溆趪(guó)家級(jí)長(zhǎng)沙經(jīng)濟(jì)技術(shù)開(kāi)發(fā)區(qū),星沙工業(yè)園、我們以“科技創(chuàng)新,聯(lián)合共...南京尚上防腐木
南京尚上防腐木是一家專業(yè)致力于加工、制作、銷售戶外景觀防腐木,并為客戶設(shè)計(jì)安裝一站式服務(wù)的現(xiàn)...長(zhǎng)沙昱霆機(jī)電有限公司
長(zhǎng)沙昱霆機(jī)電有限公司是長(zhǎng)沙空壓機(jī)_長(zhǎng)沙空壓機(jī)保養(yǎng)_湖南空壓機(jī)維修_長(zhǎng)沙空壓機(jī)機(jī)頭維修-長(zhǎng)沙昱...湖南省土地學(xué)會(huì),湖南土地學(xué)會(huì),湖南土地學(xué)會(huì)官網(wǎng)
湖南省土地學(xué)會(huì)是全省土地科技工作者自愿組成,并依法登記的學(xué)術(shù)性、非盈利性、公益性的法人社會(huì)團(tuán)...湖南為美環(huán)保技術(shù)有限公司,醫(yī)療污水凈化機(jī)組...
湖南為美環(huán)保技術(shù)有限公司應(yīng)“綠水青山就是金山銀山”之勢(shì)而生,秉持“為民環(huán)保,美麗干凈”理想信...長(zhǎng)沙租車公司-長(zhǎng)沙鑫晨租車
長(zhǎng)沙鑫晨租車(長(zhǎng)沙租車網(wǎng))于2008年,已精工細(xì)作多年,F(xiàn)以成為長(zhǎng)沙地區(qū)較早的租車公司之一。...聯(lián)系方式
地址:湖南省長(zhǎng)沙市天心區(qū)韶山南路248號(hào)南園503室
電話:13637482004 0731-88571521
網(wǎng)址:http://sh-klkm.com/
郵箱:123@123007.com
微信咨詢
掃一掃進(jìn)移動(dòng)端