这个无缝轮播和那个图片平滑滚动的原理差不多。

原理：ul向左滚动，滚动一次，第一个里向保险商实验所插入，然后在让怎个保险商实验所的左边的值为0,也就是初始状态，这个状态太快我们无法看到，所以才会有平滑滚动的效果

//CSS

样式* { margin : 0pxpadding : 0px } Li { list-style : none；} .内容{ width : 1020 px h8 :112 px飞越：隐藏；border: #4e83c2固体1pxmargin:50px汽车；} .内容ul {横向： 1020px高度：100 px} .内容ul li{左侧浮动：宽度： 100像素；高度： 100像素；border:#ccc固体1pxdisplay:块；margin: 5px} /style//HTML

body div class=' content ' ul li1/Li Li 2/Li Li/Li Li 4/Li Li 5/Li Li 6/Li Li 7/Li Li 8/Li Li 9/Li Li 10/Li Li 11/Li Li 12/Li Li 13/Li Li 14/Li Li 15/Li Li 16/李丽丽17/Li Li 18/李丽丽19/李丽丽20/Li li21/Li li22/Li li23/Li li24/Li/ul/div/body//jj

脚本函数scroll(){ $(' .内容ul ').动画({ ' margin-left ' : '-110 px ' }，函数(){ $(').内容ul li:eq(0)').appendo($(').内容ul ')$(' .内容ul ').CSS({ ' margin-left ' :0 })})} setInterval(滚动，3000)/脚本以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。