打開軟件,我們按快捷鍵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 MX 2004 官方簡體中文專業版 | 點擊進入下載 |
| Dreamweaver CS3(DW CS3)簡體中文精簡版(50M) | 點擊進入下載 |
| Dreamweaver CS4 官方簡體精簡版 采用官方原版安裝模式/免激活 | 點擊進入下載 |
| Dreamweaver CS3/Flash CS3/Photoshop CS3注冊機[Adobe CS3 注冊機] | 點擊進入下載 |
| Dreamweaver CS3 簡體中文精簡優化版 [已修正CPU占用過高的問題] | 點擊進入下載 |
| Dreamweaver8 中文綠色版(無需安裝) | 點擊進入下載 |
| Dreamweaver V8.0 簡體中文版(附注冊機+8.02補丁) | 點擊進入下載 |
| 網頁三劍客 CS5 官方簡體中文正式版附注冊機 | 點擊進入下載 |
新聞熱點
疑難解答