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。