Html
    Css
    Js
* {
	margin:0;
	padding:0
}
a,a:hover {
	text-decoration:none;
}
ul,ol {
	list-style:none;
}
.nav {
	display:inline-table;
	width:100%;
	background-color:#000;
}
.nav_bj {
	height:40px;
}
.nav li {
	display:block;
	height:40px;
	float:left;
	width:25%;
	text-align:center;
}
.nav li a {
	display:inline-block;
	width:100%;
	line-height:40px;
	font-size:1rem;
	color:#bbb;
}
.nav li .active {
	color:#0b68ab;
	background-color:#fff;
}
.nav li .active:hover {
	color:#0b68ab;
}
.nav li a:hover {
	color:#fff;
}

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

常用jquery nav切换

0