1在lta標(biāo)簽中添加兩個(gè)屬性，如下 lta href=quot class=quotselectedquot cn=quot服務(wù)quot en=quotServicesquot 然后再對(duì)a添加兩個(gè)事件，mouseover和mouseout，mouseover中將a標(biāo)簽當(dāng)中的文字替換成 cn的屬性值，mourseout則替換成en的屬性值2不知道有沒(méi)有用jquery，如果有的。

lt！DOCTYPE htmllthtml xmlns=quot lthead ltmeta。

其實(shí)導(dǎo)航欄就是給列表標(biāo)簽設(shè)置CSS樣式 第一步 在HTML上的文件里加上ulli 標(biāo)簽，在對(duì)應(yīng)的CSS文件中使用下邊語(yǔ)句去掉 li 標(biāo)簽前面默認(rèn)的小圓點(diǎn) 第二步 讓 li 標(biāo)簽 浮動(dòng) 起來(lái)，一般設(shè)置為左浮動(dòng)，看看它是不是變成了一橫排 第三步 美化一下你的導(dǎo)航欄，給它加個(gè)背景色吧 background。

接下來(lái)我們讓他居中我們?cè)跇邮街屑尤胍韵麓anav ul width980px*設(shè)置元素寬度為980px* border1px solid #000*設(shè)置一個(gè)顏色為#000，寬度為1px的邊框* margin0px auto 0px auto*也可以簡(jiǎn)寫為margin0 auto* 測(cè)試結(jié)果應(yīng)為圖3因?yàn)槲覀円龅氖菣M向的導(dǎo)航欄，所以現(xiàn)在。

1首先打開Deamweaver8，新建一網(wǎng)頁(yè)文件，接著輸入以下導(dǎo)航菜單的內(nèi)容2此時(shí)對(duì)應(yīng)效果如圖3接下來(lái)準(zhǔn)備相關(guān)的導(dǎo)航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到ltheadlthead之間5網(wǎng)頁(yè)此時(shí)的效果如圖，就完成了。

ltbody lthtml 接下來(lái)，我們來(lái)看CSS樣式部分，樣式主要針對(duì)導(dǎo)航欄的布局和視覺(jué)效果進(jìn)行了定義，如背景圖片邊距顏色等CSS代碼如下margin 0padding 0atextdecoration bodybackgroundcolor #c1c1c1#boxwidth 880pxmargin 100px autooverflow hidden#box d。

方法步驟 1 打開Deamweaver8，新建一網(wǎng)頁(yè)文件接著輸入以下導(dǎo)航菜單的內(nèi)容lthtml xmlns=quot lthead ltmeta。