Dreamweaver怎么制作動態(tài)導(dǎo)航? dw網(wǎng)頁添加動態(tài)導(dǎo)航的教程
我要評論網(wǎng)頁中經(jīng)常能看到動態(tài)導(dǎo)航，想要使用dw設(shè)計一個動態(tài)導(dǎo)航，該怎么設(shè)計呢？下面我們就來看看詳細(xì)的教程。
Adobe Dreamweaver CC 2017 v17.0 中文版(附安裝教程) 64位
- 類型：網(wǎng)頁設(shè)計
- 大?。?/span>758MB
- 語言：簡體中文
- 時間：2016-11-05
1、制作導(dǎo)航欄，創(chuàng)建一個AP圖層，設(shè)置好圖層的背景顏色。
2、在AP圖層內(nèi)，新建一個一行四列的表格，輸入文本，輸入高值，居中對齊。再設(shè)置圖層的高與表格一樣。
3、在每個菜單下面，創(chuàng)建一個圖層，比如新聞下面，并在圖層下面插入一個一列三行的表格。
4、設(shè)置新聞下的AP層為隱藏，點擊預(yù)覽就看不到這個圖層。
5、選中新聞菜單所在的單元格，點擊行為窗口，添加行為\顯示隱藏元素。在彈出的對話框中選擇剛才隱藏的層，并點擊顯示，確定，改變其事件為onmouseover。
6、再根據(jù)剛才同樣的方法，設(shè)置一個當(dāng)鼠標(biāo)移開，圖層隱藏的行為。更改事件為onmouseout.
7、為了確保鼠標(biāo)能夠點擊到下面圖層內(nèi)表格的內(nèi)容鏈接，需要再進(jìn)一步設(shè)置，把下面的圖層移動到新聞表格的下方，并對齊，不留縫隙。
8、設(shè)置下面圖層的屬性，點擊行為，添加行為，顯示、隱藏元素，在對話框中點擊顯示，更改事件為onmouseover。同樣也要設(shè)置一個鼠標(biāo)移開隱藏元素的行為，在這里就不在演示了。
9、其他菜單一樣設(shè)置。這樣，整個動態(tài)導(dǎo)航欄就設(shè)置好了。
以上就是Dreamweaver網(wǎng)頁添加動態(tài)導(dǎo)航的教程的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Dreamweaver怎么設(shè)計簡單的導(dǎo)航按鈕?
Dreamweaver怎么給網(wǎng)頁添加下拉的條幅?
Dreamweaver網(wǎng)頁中怎么插入導(dǎo)航條? dw網(wǎng)頁導(dǎo)航條的使用方法
相關(guān)文章
Dreamweaver cc2018新版頁面怎么切換回舊版本布局?
Dreamweaver cc2018新版頁面怎么切換回舊版本布局？Dreamweaver cc2018中的布局界面和舊版本有很大不同，很多工具都找不到，想要切換到舊版本，該怎么切花呢？請看下文詳細(xì)2017-12-20
Dreamweaver怎么添加本地的瀏覽器為測試瀏覽器？Dreamweaver測試瀏覽器可以自己添加，該怎么將電腦安裝的火狐瀏覽器添加到測試瀏覽器呢？下面我們就來看看詳細(xì)的教程，需要2017-12-19
dreamweaver網(wǎng)頁中怎么制作DIV圖層?
dreamweaver網(wǎng)頁中怎么制作DIV圖層？dreamweaver制作網(wǎng)頁的時候，想要在網(wǎng)頁上制作一個圖層放圖片，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-12-19
Dreamweaver怎么使用標(biāo)簽及代碼設(shè)計表格?
Dreamweaver怎么使用標(biāo)簽及代碼設(shè)計表格？Dreamweaver中可以直接繪制表格，也可以通過標(biāo)簽和代碼來制作表格，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-12-12
Dreamweaver怎么使用框架結(jié)構(gòu)快速制作網(wǎng)頁?
Dreamweaver怎么使用框架結(jié)構(gòu)快速制作網(wǎng)頁？Dreamweaver制作網(wǎng)頁的時候，表格布局已經(jīng)不能實現(xiàn)網(wǎng)頁的功能了，比如同一頁面下有多個子頁面時，就要使用框架結(jié)構(gòu)來布局，下面2017-12-11
dreamweaver怎么制作鼠標(biāo)經(jīng)過圖片變換的效果?
dreamweaver怎么制作鼠標(biāo)經(jīng)過圖片變換的效果？dreamweaver中想要制鼠標(biāo)經(jīng)過或點擊圖片，圖片會改變，該怎么制作這個效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參2017-12-11
dreamweaver怎么快速對齊代碼? dw對齊代碼的設(shè)置方法
dreamweaver怎么快速對齊代碼？dreamweaver中的代碼很多，想要對齊代碼，該怎么對齊呢？下面我們就來看看dw對齊代碼的設(shè)置方法，需要的朋友可以參考下2017-12-11
Dreamweaver怎么設(shè)計簡單的導(dǎo)航按鈕?
Dreamweaver怎么設(shè)計簡單的導(dǎo)航按鈕？一般網(wǎng)頁中都有導(dǎo)航欄或者導(dǎo)航按鈕，該怎么制作導(dǎo)航按鈕呢？下面我們就來看看詳細(xì)的制作方法，需要的朋友可以參考下2017-12-11
Dreamweaver怎么給圖片添加晃動效果？網(wǎng)頁中經(jīng)常能看到一些晃動的廣告圖片，該怎么給圖片添加晃動效果呢？下面我們就來看看詳細(xì)的教程， 需要的朋友可以參考下2017-12-04
Dreamweaver怎么制作一個開場動畫效果的網(wǎng)頁?
Dreamweaver怎么制作一個開場動畫效果的網(wǎng)頁？Dreamweaver中想要制作一個空間歡迎動畫，插入一個swf視頻文件就可以了，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-11-29
