題目1: 輪播的實現原理是怎樣的?如果讓你來實現,你會抽象出哪些函數(or接口)供使用?(比如 play())
原理:首先將所有圖片浮動成一行,然后將父元素(外層窗口)設置固定寬、高度(單張圖片的尺寸),通過CSS和JS控制圖片滾動,實現類似走馬燈的輪播效果。
函數:
playPre() //點擊返回上一張圖片
playNext() //點擊播放下一張圖片
playSign() //點擊下標識跳轉圖片
autoPlay() //自動輪播
題目2: 實現視頻中的左右滾動無限循環(huán)輪播效果
加防盜鏈<meta name="referrer" content="no-referrer" />
demo
題目3: 實現一個漸變輪播效果, 效果范例385