html写顶部固定悬浮菜单栏,JS实现自动固定顶部的悬浮菜单栏效果

本文实例讲述了JS实现自动固定顶部的悬浮菜单栏效果。分享给大家供大家参考。具体如下：

这是一款自动固定顶部的悬浮菜单栏代码，不管你如何拉动滚动条，它会始终显示在网页的最顶部，用作网站的顶级导航或公告之类的比较合适吧。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-fix-top-float-menu-style-codes/

具体代码如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

自动固定顶部的悬浮菜单栏代码

*{margin:0;padding:0;}

ul,li{list-style:none;}

#content{width:600px;margin:0 auto;border:1px solid #f00;}

ul li.item{width:400px;text-align:center;margin:20px 100px;background:#00f;color:#fff;font-size:14px;fon