Html
    Css
    Js

    
                        
#main {
	position:relative;
	margin:0 auto;
	width:700px;
	height:200px;
	overflow:hidden;
}
#left {
	position:absolute;
	display:block;
	width:25px;
	height:25px;
	text-align:center;
	top:100px;
	left:0;
	z-index:666;
	background:red;
	font-size:18px;
	line-height:25px;
}
#right {
	position:absolute;
	z-index:666;
	font-size:18px;
	line-height:25px;
	text-align:center;
	display:block;
	top:100px;
	right:0;
	background:green;
	width:25px;
	height:25px;
}
#pan {
	width:3300px;
	height:300px;
	float:left;
	left:-700px;
	position:absolute;
	position:absolute;
	overflow:hidden;
}
#pan img {
	float:left;
	width:300px;
	height:300px;
}

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

自由控制轮播图的方向

这样可以让用户自由的控制轮播图的方向

1
      罄?一瞥0
      2017/5/27 16:25:36

      bug 任一个按钮连续点几次 就停下来了

      回复