本文实例讲述了JS实现自动固定顶部的悬浮菜单栏效果。分享给大家供大家参考。具体如下:
这是一款自动固定顶部的悬浮菜单栏代码,不管你如何拉动滚动条,它会始终显示在网页的最顶部,用作网站的顶级导航或公告之类的比较合适吧。
运行效果截图如下:
在线演示地址如下:
/js//js-fix-top-float-menu-style-codes/
具体代码如下:
/p>
"/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;fo