您好,登錄后才能下訂單哦!
本篇內容主要講解“如何用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制作網站下拉菜單效果”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。