dreamweaver滑動菜單的制作

1、Dreamweaver滑動菜單的制作準備工作如下：1在dw中新建一個空白文檔（或者打開你要添加效果的頁面）。2設(shè)置好你自己的css風格。3在頁面上插入一個長500pix的表格（這里說明：插入表格的目的是為了控制層在不同分辨率下保持相對的位置不變，如果你的頁面之前沒有做相關(guān)設(shè)置，那么這一部你可能要費點功夫整理一下你的頁面結(jié)構(gòu)）。4將光標置入表格內(nèi)，點擊菜單[插入——層]插入一個長500高20的圖層，并命名為layer1。5然后再將光標置入

2、圖層layer1，點擊菜單[插入——層]再插入一個長500高130的圖層layer2；并將layer2的屬性中左邊距和上邊距都設(shè)置為0，并為它指定一個你喜歡的背景色。6然后重復步驟5的方法，再插入一個圖層layer3，這個圖層沒什么特殊的用處，在我的這個教程中，我只不過是為了放置幾個按鈕而已。最后我的開起來如圖：TIPS：這里這么做的目的是為了給你要滑動的圖層前面加一個擋板，只有當點擊的時候圖層才從你的這個圖層下緩緩的滑動出來?，F(xiàn)在開始

3、，才正式進入到我們今天要制作的滑動菜單的制作過程中。1.現(xiàn)在讓我們再次重復上面的步驟5，再插入一個圖層layer4設(shè)置圖層屬性為寬500、150高，剛好是剛才layer2和layer3的高度之和，并將圖層layer4調(diào)整到另外兩個圖層下面。如圖：好了，到這里，你可以預覽一下，當你點擊上展開按鈕時，你的圖層就會慢慢的從上而下滑動出來！6.怎么樣，看到了吧：）我們再給圖層添加上一個簡單的關(guān)閉動作，就是點擊關(guān)閉按鈕后圖層隱藏。選擇上關(guān)閉按鈕，

4、轉(zhuǎn)到行為面板，點擊菜單中選擇[顯示隱藏層]，在跳出的窗體中選擇上layer4，然后點擊下面的隱藏按鈕，將其設(shè)置為隱藏，如圖：7.好了，再預覽一下，發(fā)現(xiàn)展開后點擊關(guān)閉圖層就沒有了：）不過，似乎有一個問題，再次點擊展開的時候，似乎沒什么反應了，那是我們還有一個動作沒有設(shè)置。重復剛才的步驟5，選擇上展開按鈕，添加動作[時間軸——轉(zhuǎn)到時間軸楨]，在跳出的窗體中的下拉菜單選擇timeline1，楨數(shù)添上1。好了，這次預覽發(fā)現(xiàn)這個問題解決了。但是我