Html
    Css
    Js
* {
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:auto;
}
#wrap {
	width:100%;
	height:40px;
	border:1px solid;
	margin:100px 0;
	background:#01204f;
}
#content ul {
	width:980px;
	height:40px;
	margin:auto;
	position:relative;
}
ul li {
	list-style:none;
	float:left;
	position:relative;
	z-index:5;
	/*width:60px;
	*/
        		/*text-align:center;
	*/
}
ul li a {
	text-decoration:none;
	color:white;
	font-size:14px;
	line-height:40px;
	padding:0 10px;
	margin-right:2px;
}
#slider {
	width:50px;
	height:40px;
	background:#c00;
	position:absolute;
	top:0;
	left:0;
	/*opacity:0.8;
	*/
}

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

jQuery仿百度新闻网站导航条

0