Html
    Css
    Js
* {
	list-style:none;
	padding:0;
	margin:0;
	text-decoration:none;
}
.menu {
	position:relative;
	background-color:#fafafa;
	overflow:hidden;
}
.menu li {
	position:relative;
	float:left;
	width:100px;
	height:50px;
	text-align:center;
	line-height:50px;
	/*background-color:transparent;
	*/
}
.bg {
	height:100%;
	background:rgba(236,108,0,1);
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	height:50px;
	width:100px;
}

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

滑动导航菜单

1
      ??0
      2017/6/9 12:01:34

      鼠标移动出去动画不会停止啊,少了一个动作

      回复