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

lt！DOCTYPE htmllthtml xmlns=quot lthead ltmeta。

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

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

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

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

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