在設(shè)計網(wǎng)頁時,Dreamweaver需要添加下拉菜單并向下拉菜單添加列表值,讓我們一起進入下文看一下錯新技術(shù)頻道小編用dreamweaver制作網(wǎng)站下拉菜單的實現(xiàn)教程,感興趣的小伙伴們可以參考一下。
打開軟件,我們按快捷鍵ctrl+n,建立一個新的文件。

點擊常用,選擇布局。

點擊繪制層。

鼠標(biāo)拖動,可以建立一個層。層的寬度是389,高度是49.

我們再點擊層,再繪制一個。我們看到,第一個層是layer1,第二個是layer2,這都是系統(tǒng)默認的。


通過界面下方屬性欄,設(shè)置layer2的屬性。益處設(shè)置為hidden,他的意思是,如果這個層裝不下文字,就隱藏文字。

將光標(biāo)放在layer1,然后點擊插入表格。建立一個一行三列,寬388的表格。

在表格內(nèi)輸入百度經(jīng)驗,百度知道,百度文庫,然后在屬性欄設(shè)置如下屬性。

選中l(wèi)ayer1,然后設(shè)置layer1的屬性。

在layer2中輸入經(jīng)驗首頁,個人中心,小測首頁,幫幫首頁。然后設(shè)置如下屬性。

我們調(diào)處時間軸:點擊窗口——時間軸。

需阿澤layer2,右鍵單擊圖中所示,然后選擇添加對象。

鼠標(biāo)將時間針定位在第一幀,然后設(shè)置layer2的高度為0。

之后我們再在時間軸上右鍵單擊,選擇添加時間軸。

右鍵單擊,選擇添加對象。

將時間針定位在第十五幀,然后讓layer2的高度為0.

以上步驟就添加了兩個時間軸timeline1和timeline2.接著,我們選中“百度經(jīng)驗”這個表格,在右側(cè)的標(biāo)簽對話框,選擇行為,點擊“+”。


選擇時間軸,播放時間軸。

彈出這個對話框,我們選擇timeline1,點擊確定。

接著在標(biāo)簽欄設(shè)置鼠標(biāo)動作為onmouseover,意思是鼠標(biāo)移動到上面就執(zhí)行時間軸1,就會展開layer2.

同樣的方法,我們添加如下動作,下圖有各個動作的解釋。

我們按快捷鍵F12,來到了瀏覽器,看看這是一開始的效果。

接著把鼠標(biāo)移動到百度經(jīng)驗,展開了下拉菜單。你學(xué)會了嗎。

上文是錯新技術(shù)頻道小編為大家搜集到的相關(guān)介紹,希望對你了解用dreamweaver制作網(wǎng)站下拉菜單的實現(xiàn)教程有所幫助!
新聞熱點
疑難解答