Html
    Css
    Js

    
                        
* {
	margin:0px;
	padding:0px;
}
.box {
	width:300px;
	height:40px;
	border:1px solid #666;
	margin:100px;
	position:relative;
	overflow:hidden;
}
.list_menu {
	width:1200px;
	list-style:none;
	overflow:hidden;
}
.list_menu li {
	float:left;
	width:150px;
	text-align:center;
	height:40px;
	line-height:40px;
}
.lef,.rig {
	position:absolute;
	width:30px;
	text-align:center;
	height:40px;
	line-height:40px;
	background:#aaa;
	color:#fff;
	cursor:pointer;
}
.lef {
	top:0px;
	left:0px;
}
.rig {
	top:0px;
	right:0px;
}

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

点击左右箭头轮播

2
      lst0
      2017/10/26 13:41:34

      我觉得 直接用swiper  无限循环效果好一些

      回复
      碎芯0
      2017/10/21 15:37:56

      一直点左 不会出现1 和 2

      回复