進階-任務17

題目1： 輪播的實現原理是怎樣的？如果讓你來實現，你會抽象出哪些函數(or接口)供使用？（比如 play()）

  • 首先用ul列表去展示圖片,隱藏超出范圍的圖片,在第一張圖片前添加最后一張圖片,在最后一張圖片后添加第一張圖片,在輪播到最后一張圖片的時候,修改節點,將第一個節點添加到列表的最后一個位置.

  • fadeout()和fadein()

題目2： 實現視頻中的左右滾動無限循環輪播效果
代碼預覽
效果預覽
題目3： 實現一個漸變輪播效果
代碼預覽
效果預覽

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容