怎么用DW制作網(wǎng)頁(yè)導(dǎo)航條？Dreamweaver，簡(jiǎn)稱“DW”，中文名“dream weaver”，是美國(guó)Macromedia公司開發(fā)的一款所見即所得網(wǎng)頁(yè)編輯器，集網(wǎng)頁(yè)制作和網(wǎng)站管理于一體。想用DW做

怎么用DW制作網(wǎng)頁(yè)導(dǎo)航條？

Dreamweaver，簡(jiǎn)稱“DW”，中文名“dream weaver”，是美國(guó)Macromedia公司開發(fā)的一款所見即所得網(wǎng)頁(yè)編輯器，集網(wǎng)頁(yè)制作和網(wǎng)站管理于一體。想用DW做導(dǎo)航條必須熟悉DIV CSS，基本代碼：UL#NAV{寬度：100%高度：60px背景：#00A2凸輪軸：0自動(dòng)}ul#nav li{顯示：內(nèi)聯(lián)高度：60px}ul#導(dǎo)航li{顯示：內(nèi)聯(lián)塊填充：0 20像素高度：60px線高：60px顏色：#FFF字體系列：“5FAE8F6F96C59ED1”字體-尺寸：16px}ul導(dǎo)航背景：BB}/*設(shè)置背景顏色，當(dāng)鼠標(biāo)懸停或滑動(dòng)時(shí)，改變！*！主頁(yè)

HTML教程

CSS基金會(huì)

CSS開發(fā)工具

CSS特效

CSS問題

Dreamweaver使用標(biāo)記行為的功能來制作下拉菜單。具體步驟：

1。在Dreamweaver中繪制層（注意：繪制層，而不是插入DIV）

2。畫一個(gè)寬130像素，高20像素的圖層，并在圖層中插入一個(gè)相同大小的表格。此時(shí)，Dreamweaver將自動(dòng)命名ID layer1

3。下一步，繪制一個(gè)寬度和高度為100px的圖層。Dreamweaver會(huì)自動(dòng)命名ID layer2也會(huì)在圖層中插入相同大小的表格，插入表格是為了使文字層次居中。

4. 默認(rèn)情況下，選擇layer2將其隱藏（單擊layer2左側(cè)以閉上眼睛將其隱藏）

5。在網(wǎng)頁(yè)中選擇layer1行為面板的>>顯示隱藏層選項(xiàng)

6。選擇要在彈出窗口中顯示的第2層并確認(rèn)

7。將OnMouseOver添加到行為以隱藏第2層，方法與將onmouseout（即鼠標(biāo)離開時(shí)）添加到行為相同。這會(huì)成功的。但是，當(dāng)您離開常規(guī)菜單時(shí)，您會(huì)發(fā)現(xiàn)下拉菜單將消失。因此，必須選擇layer2才能再次執(zhí)行l(wèi)ayer2的OnMouseOver onmouseout行為。