Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
ul {
	list-style:none;
}
img {
	border:0;
}
.scroll {
	width:358px;
	height:63px;
}
.scroll_left,.scroll_right {
	width:23px;
	height:63px;
	background-color:#232323;
	color:#fff;
	float:left;
	line-height:63px;
	text-align:center
}
.pic {
	width:312px;
	height:73px;
	float:left;
}
.pic ul {
	display:block;
}
.pic li {
	float:left;
	display:inline;
	width:104px;
	text-align:center;
}

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

jQuery左右点击滑动效果

主要应用于 div 一行数据当中的左右滑动,点击左滑,右滑事件,还可以自动左右滑动

0