1首先输入下方的代码windowscrollfunction var $nav = $quotfloatingMenu ul liquot，length = $navlength1，获取导航菜单 ul li 的个数 item = new Array，新建一个数组 sTop = $window。

3在浏览器中打开页面，可以看到已经制作成了一个比较美观的垂直导航栏4将鼠标滑向垂直导航栏的列表项上，可以看到列表项颜色发生变化5也可以制作成水平导航栏，overflow hidden代码的意思是超出高度和宽度的部分。

然后就需要在style标签中用CSS对导航条的样式进行定义了，如下图所示，书写样式的时候一定要注意写在style标签里面 最后运行html页面，你就会看到如下图所示的导航条，当鼠标放在某个导航上时，背景色会变成红色。

这是全部代码，如果你会CSS的可以试着改一下就可以用了设置导航条的背景色 * 导航栏背景色* skinboxbd menulist linkbackground repeat scroll 0 0 #00ad08 * 导航列表背景色* skinbox。

urlnav_bgjpg0px0pxrepeatx如果你做的是自适应屏幕的话，即没有大容器包裹的情况，无需设置宽度，默认就是width100%，也无需浮动即CSS代码#navbackgroundurlnav_bgjpg0px0pxrepeatxclearboth。

代码如下 也就是我的网站的导航栏你可以去看看 ltSTYLE type=textcss ** body fontsize12px textaligncenter margintop30px fontfamilyVerdana div，imgmargin0。