題目1: 輪播的實現原理是怎樣的?如果讓你來實現,你會抽象出哪些函數(or接口)供使用?(比如 play())
將需要輪播的圖片排成一行,并在需要顯示圖片的位置開上一個同一張圖片尺寸大小相同的窗口,該窗口設置屬性overflow: hidden,然后控制圖片層的左右拖動,進而實現輪播效果。利用人眼的視覺差,在最后一張圖片后面加上第一張圖片并且瞬間切換至第一張,反復這樣操作就會讓人產生圖片無限滾動的錯覺。并且點擊下面頁標跳轉到相應頁面上。需要設置狀態(tài)鎖,觸發(fā)時加鎖,動效完畢后回調開鎖。
滑動型:if判斷重置 漸變型:利用%計算的循環(huán)特性
play() playPre() playNext() setBullet()
題目2: 實現視頻中的左右滾動無限循環(huán)輪播效果
demo
題目3: 實現一個漸變輪播效果, 效果范例198
demo
http://js.jirengu.com/pudixahehe/3/edit