jQuery京东浮动网站楼层导航代码是一款仿京东商城网页左侧浮动楼层导航特效代码。具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
CSS样式如下:
*{
margin:0;
padding:0;
font-size: 12px;
}
#stairsNav{
position: fixed;
left: 200px;
bottom: 15px;
border: 1px solid #c81623;
display:block;
}
#stairsNav li{
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border: 1px solid #c81623;
list-style: none;
}
#stairsNav li .second{
display: none;
}
#stairsNav li.active .first{
display: none;
}
#stairsNav li.active .second{
display: block;