Html
    Css
    Js

    
                        
body {
	margin:0px;
	padding:0px;
}
#left {
	width:200px;
	height:9999px;
	background:#f7fafc;
	border-right:1px solid #e5ebf1;
	float:left;
}
#left div {
	height:40px;
	color:#384463;
	font-size:14px;
	line-height:40px;
	border-bottom:1px solid #f6fafd;
	border-top:1px solid #f6fafd;
	text-align:center;
}
#left div:hover {
	background:#06C;
	cursor:pointer;
	color:#FFF
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.1.4
 立即下载

选中状态效果

导航栏、侧边栏选中状态

1
      飘逸影0
      2017/8/22 17:04:23