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

lt！DOCTYPE htmllthtml xmlns=quot lthead ltmeta。

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

接下來我們讓他居中我們在樣式中加入以下代碼nav ul width980px*設置元素寬度為980px* border1px solid #000*設置一個顏色為#000，寬度為1px的邊框* margin0px auto 0px auto*也可以簡寫為margin0 auto* 測試結果應為圖3因為我們要做的是橫向的導航欄，所以現在。

1首先打開Deamweaver8，新建一網頁文件，接著輸入以下導航菜單的內容2此時對應效果如圖3接下來準備相關的導航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到ltheadlthead之間5網頁此時的效果如圖，就完成了。

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

方法步驟 1 打開Deamweaver8，新建一網頁文件接著輸入以下導航菜單的內容lthtml xmlns=quot lthead ltmeta。