Html
    Css
    Js

    
                        
*{margin: 0;padding: 0;list-style: none;}
div{
	width: 600px;height: 100px;border: 1px solid black;
	position: absolute;left: 50%;top: 50%;margin: -50px 0 0 -300px;
	overflow: hidden;
}
ul{
	float: left;height: 100%;position: absolute;
	width: 800px;
}
li{
	width: 200px;height: 100%;float: left;
}
li img{
	width: 100%;height: 100%;
}

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

无缝滚动轮播插件

使用面向对象封装的能左右滚动的无缝滚动轮播,使用比较方便,代码通俗易懂。

0