1:輪播的實現(xiàn)原理是怎樣的?如果讓你來實現(xiàn),你會抽象出哪些函數(shù)(or接口)供使用?(比如 play())
-
無限輪播的實現(xiàn)
- 首先無限輪播是元素水平排列,然后超出窗口的都隱藏
- 對于不是首位元素,改變定位后的元素left值
- 對于首位,復(fù)制首位,讓元素在視覺上面有一個呈現(xiàn)
-
把元素回歸到正確的位置,方便用戶繼續(xù)點(diǎn)擊
-
漸變輪播
- 漸變輪播是全部都排放在一起的,不會像無限輪播水平排列
- 利用fadeOut,fadeIn控制當(dāng)前的元素隱藏,下一個元素顯示
- 隱藏不顯示的圖片,顯示要顯示的圖片
- 對應(yīng)的索引變化很重要
可以用來抽象的接口函數(shù)
playNext()
playPrev()
carouselNext()
carouselPrev()
2:實現(xiàn)視頻中的左右滾動無限循環(huán)輪播效果
http://js.jirengu.com/rarorecuru/1/edit