TIPS：這里這么做的目的是為了給你要滑動的圖層前面加一個擋板，只有當(dāng)點(diǎn)擊的時候圖層才從你的這個圖層下緩緩的滑動出來。

　　現(xiàn)在開始，才正式進(jìn)入到我們今天要制作的滑動菜單的制作過程中。

1.現(xiàn)在讓我們再次重復(fù)上面的步驟5，再插入一個圖層layer4,設(shè)置圖層屬性為寬500 、150高，剛好是剛才layer2和layer3的高度之和，并將圖層layer4調(diào)整到另外兩個圖層下面。如圖：

　　然后我們點(diǎn)擊圖層layer2前面的眼睛讓他閉合，這樣可以讓我們看到它下面的圖層layer4.

2.這時，我們點(diǎn)擊ALT F9 打開時間軸面板，DW已經(jīng)為我們添加了默認(rèn)的時間軸Timeline1，然后，我們選中我們要滑動的圖層layer4，在上面點(diǎn)擊右鍵，選擇 [添加到時間軸] 這時我們可以在時間軸面板中看到我們剛剛制定的圖層layer4，這說明，我們已經(jīng)添加成功了！

3.然后我們點(diǎn)擊時間軸上的第15楨，將圖層layer4的屬性面板中的上邊距調(diào)整為150。到這里，一個能滑動的圖層就算做好了，你可以拖動時間軸上面的紅色方塊慢慢從1走向15，你就可以看到你的這個圖層慢慢的從layer2和layer3下面滑動出來！

4.好了，現(xiàn)在我們只需要給這個會滑動的圖層layer4設(shè)置一個可以激活他的動作就算over了：）這之前，我已經(jīng)在我添加的layer3上插入了一個表格，并為layer4設(shè)置了兩個按鈕。

5.我們先設(shè)置激活滑動圖層的動作。選擇上展開這個按鈕，轉(zhuǎn)到行為面板，點(diǎn)擊在出來的菜單中選擇 [時間軸——播放時間軸] DW會彈出一個窗體，在上面的下拉菜單中選擇timeline1。

然后在行為面板中確認(rèn)事件為onclick

好了，到這里，你可以預(yù)覽一下，當(dāng)你點(diǎn)擊上展開按鈕時，你的圖層就會慢慢的從上而下滑動出來！

6.怎么樣，看到了吧：）我們再給圖層添加上一個簡單的關(guān)閉動作，就是點(diǎn)擊關(guān)閉按鈕后圖層隱藏。選擇上關(guān)閉按鈕，轉(zhuǎn)到行為面板，點(diǎn)擊菜單中選擇 [顯示隱藏層] ，在跳出的窗體中選擇上layer4，然后點(diǎn)擊下面的隱藏按鈕，將其設(shè)置為隱藏，如圖：

7.好了，再預(yù)覽一下，發(fā)現(xiàn)展開后點(diǎn)擊關(guān)閉圖層就沒有了：）不過，似乎有一個問題，再次點(diǎn)擊展開的時候，似乎沒什么反應(yīng)了，那是我們還有一個動作沒有設(shè)置。