1: 輪播的實現(xiàn)原理是怎樣的贺纲?如果讓你來實現(xiàn)耗溜,你會抽象出哪些函數(shù)(or接口)供使用坐桩?(比如 play())
輪播的實現(xiàn)原理是 將展示的圖片橫向的排列著橫條钝的,然后有一個可視窗口只展示一個圖片,當(dāng)要展示下一個圖片的時候琳状,橫條向左或向右移動一個圖片的寬度磕瓷,這樣就展示出圖片了。
抽象出的接口會有nextPic(len)念逞, prePic(len);
2: 實現(xiàn)視頻中的左右滾動無限循環(huán)輪播效果
代碼效果展示:
https://happyxll.github.io/WEB-KNOWLEDGE/carousel/index.html
代碼地址為:
https://github.com/HappyXll/WEB-KNOWLEDGE/tree/master/carousel
3:實現(xiàn)一個漸變輪播效果
代碼地址
https://github.com/HappyXll/WEB-KNOWLEDGE/blob/master/carousel/newindex.html
代碼展示:https://happyxll.github.io/WEB-KNOWLEDGE/carousel/newindex.html