在設計網頁時,Dreamweaver需要添加下拉菜單并向下拉菜單添加列表值,讓我們一起進入下文看一下錯新技術頻道小編用dreamweaver制作網站下拉菜單的實現教程,感興趣的小伙伴們可以參考一下。
打開軟件,我們按快捷鍵ctrl+n,建立一個新的文件。
點擊常用,選擇布局。
點擊繪制層。
鼠標拖動,可以建立一個層。層的寬度是389,高度是49.
我們再點擊層,再繪制一個。我們看到,第一個層是layer1,第二個是layer2,這都是系統默認的。
通過界面下方屬性欄,設置layer2的屬性。益處設置為hidden,他的意思是,如果這個層裝不下文字,就隱藏文字。
將光標放在layer1,然后點擊插入表格。建立一個一行三列,寬388的表格。
在表格內輸入百度經驗,百度知道,百度文庫,然后在屬性欄設置如下屬性。
選中layer1,然后設置layer1的屬性。
在layer2中輸入經驗首頁,個人中心,小測首頁,幫幫首頁。然后設置如下屬性。
我們調處時間軸:點擊窗口——時間軸。
需阿澤layer2,右鍵單擊圖中所示,然后選擇添加對象。
鼠標將時間針定位在第一幀,然后設置layer2的高度為0。
之后我們再在時間軸上右鍵單擊,選擇添加時間軸。
右鍵單擊,選擇添加對象。
將時間針定位在第十五幀,然后讓layer2的高度為0.
以上步驟就添加了兩個時間軸timeline1和timeline2.接著,我們選中“百度經驗”這個表格,在右側的標簽對話框,選擇行為,點擊“+”。
選擇時間軸,播放時間軸。
彈出這個對話框,我們選擇timeline1,點擊確定。
接著在標簽欄設置鼠標動作為onmouseover,意思是鼠標移動到上面就執行時間軸1,就會展開layer2.
同樣的方法,我們添加如下動作,下圖有各個動作的解釋。
我們按快捷鍵F12,來到了瀏覽器,看看這是一開始的效果。
接著把鼠標移動到百度經驗,展開了下拉菜單。你學會了嗎。
上文是錯新技術頻道小編為大家搜集到的相關介紹,希望對你了解用dreamweaver制作網站下拉菜單的實現教程有所幫助!
新聞熱點
疑難解答