Web-Floor-Navbar 楼层导航菜单Demo

最新推荐文章于 2024-05-24 18:12:14 发布

原创

最新推荐文章于 2024-05-24 18:12:14 发布 · 1.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #导航 #javascript

本文介绍了如何使用jQuery创建楼层导航菜单，包括Demo预览、CSS和jQuery代码段的详细讲解，适合开发者学习和交流。

楼层导航菜单Demo

这篇主要分享一个偶尔在项目中会用到的小工具，关于这个叫法很多，我们就姑且叫它楼层导航吧。

jQuery
Web-Floor-Navbar
楼层导航菜单

body,ul,li{
    margin:0;
    padding:0;
    list-style:none;
}
body{
    font:normal 14px/1.125 'Microsoft Yahei',Aria,Helvetiva,sans-serif;
    background:#999;
    color:#fff;
}
a{
   
   text-decoration:none;}
#container{
    position:relative;
    width:980px;
    margin:0 auto;
}
.item-list{
    color:#000;
    height:300px;
    line-height:300px;
    margin-top:10px;
    background:#f9f9f9;
    text-align:center;
    border: