Html
    Css
    Js
* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none
}
.box {
	position:relative;
	width:220px;
	margin:60px auto;
	padding:50px 0;
	border:1px solid red;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	bordere-radius:10px;
	background-color:#fff;
}
.box li {
	position:relative;
	z-index:2;
}
.box li a {
	display:block;
	height:40px;
	margin:0 16px;
	color:#666;
	line-height:40px;
	text-align:center;
}
.box li a:hover {
	color:#FF5F3E;
}
.box li.active a {
	color:#FF5F3E;
}
.box .mouse {
	position:absolute;
	top:50px;
	left:-5px;
	z-index:1;
	width:220px;
	height:40px;
	background:#F8F8F8;
	border-left:5px solid pink;
}

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

jQuery仿淘宝动画导航

0