當前位置:菜譜大全網 - 菜譜 - 怎麽樣才能在DW當中做折疊菜單?

怎麽樣才能在DW當中做折疊菜單?

1\新建文件並添加層。新建壹個網頁文件,在網頁中添加壹個父層(第壹級的層)和壹個子層(第二級的層),分別設置兩個圖層的大小和位置

2\設置表格和文字。在 layer1 層中插入表格,設置好表格的高度和背景,然後在表格內輸入文字並設置好文字的格式

3\設置 layer2 層。設置 layer2 層的背景顏色,然後在其上輸入文本並設置超鏈接,再將 layer2 層添加到時間軸上,以後便可對 layer2 層進行時間軸動畫操作

4\新建壹個時間軸 Timeline2 ,然後將 layer2 層添加到新的時間軸上

5\設置時間軸。分別對時間軸 Timeline1 的第 1 幀和時間軸 Timeline2 的第 15 幀進行設置(這裏以第 15 幀作為動畫的最後壹幀),提示:只需要改變時間軸的關鍵幀,就可以直接生成動畫效果,本例將時間軸 Timeline1 第 1 幀中 Layer2 層的高設置為 0px ,這樣就生成了層慢慢滑出的動畫效果。

6\添加行為。選擇表格中的第壹個單元格,然後為單元格添加 onMouseOver (鼠標移到單元格上面時)時的行為到播放時間軸 Timeline1

7\繼續添加行為。再為該單元格添加 4 個 onMouseOut (鼠標移開時)行為

8\添加 2 個行為。選擇 layer2 層,並分別添加兩個 onMouseOver 和兩個 onMouseOut

9\保存網頁文件,然後在 IE 中進行預覽