圖片滾動效果如下圖：
html和css樣式如下圖：
js實現(xiàn)原理： 獲取整個uL和ul下面的所有l(wèi)i， 把ul里面的li內(nèi)容添加一份听想，因為需要完成圖片滾動效果所以需要二份完成無縫對接腥刹， 定義初始速度
? ?設置定時器??在定時中進行判斷??實現(xiàn)原理：因為ul是跟著父元素box進行定位的，所以ul的offsetleft的值初始值為0
? ? ? ? ?只需要改變ul的left值就可以完成滾動效果???當ul的offsetleft值大于0的時候說明圖片正在向右滾動汉买，此時只需要把當前l(fā)eft值變成整個盒子的一半
? ? ? ? 并且將盒子定位到左邊一半的位置就能完成滾動中的無縫對接
? ? ? ? 當uL的offset值小于負的此時盒子一半衔峰，說明盒子正在向左移動，完成滾動的一半時，則需要將此時的ul回到最初的位置
? ? ? ? 每走一次定時器垫卤，將left的值添加定義的初始速度威彰，完成滾動
獲取上方兩個左右滾動，因為第一個是向左滾動葫男，只需要將此時的初始速度變成負數(shù)
? ? ? ? 同理抱冷，點擊向右滾動的時候將初始速度變回正數(shù)
js代碼：
