題目1: 輪播的實(shí)現(xiàn)原理是怎樣的滓彰?如果讓你來(lái)實(shí)現(xiàn),你會(huì)抽象出哪些函數(shù)(or接口)供使用?(比如 play())
原理
就是將幾張圖片水平排列猴贰,隱藏超出范圍的部分,然后通過對(duì)其父元素的水平移動(dòng)來(lái)實(shí)現(xiàn)函數(shù)接口
play(n,direction) // 從現(xiàn)在的位置河狐,往 direction 方向米绕,切換 n 個(gè)頁(yè)面
playIndicators(n) // 輪播下方的控制器,從現(xiàn)在的位置馋艺,切換到目標(biāo)n的位置
題目2: 實(shí)現(xiàn)視頻中的左右滾動(dòng)無(wú)限循環(huán)輪播效果
http://output.jsbin.com/kohuxag#