这个无缝轮播和那个图片平滑滚动的原理差不多。
原理:
ul向左滚动,滚动一次,第一个li向ul插入,然后在让怎个ul的left值为0,也就是初始状态,这个状态太快我们无法看到,所以才会有平滑滚动的效果//CSS
*{ margin: 0px; padding: 0px;}
li{ list-style: none;}
.content{ width: 1020px; height:112px; overflow: hidden; border: #4e83c2 solid 1px; margin:50px auto; }
.content ul{ width: 1020px; height:100px;}
.content ul li{ float: left; width: 100px; height: 100px; border:#ccc solid 1px; display: block; margin: 5px;}
//HTML