1.輪播的實(shí)現(xiàn)原理是怎樣的登澜?如果讓你來實(shí)現(xiàn)箩艺,你會(huì)抽象出哪些函數(shù)(or接口)供使用研铆?(比如 play())
- 輪播的原理就是使用定位屬性控制一組圖片在水平或者垂直方向的偏移數(shù)值躏尉,然后再給父容器設(shè)置一個(gè)overflow: hidden屬性(設(shè)定好寬高),這樣只會(huì)看到在父容器范圍內(nèi)的圖片琼锋,然后整體效果看起來就好像是一組圖片輪流播放一樣放闺。
- 如果讓我來實(shí)現(xiàn)的話有這些接口:
1.playNext(len) 控制圖片向右滾動(dòng),參數(shù)len代表滾動(dòng)的圖片個(gè)數(shù)
2.palyPre(len) 控制圖片向左滾動(dòng)缕坎,參數(shù)len代表滾動(dòng)的圖片個(gè)數(shù)
3.如果更抽象的話怖侦,還可以把playNext()和playPre()抽象成一個(gè)函數(shù)play(),只需要在play()里面增加一個(gè)判斷谜叹,根據(jù)點(diǎn)擊的按鈕來決定向哪邊滾動(dòng)匾寝,然后在一些細(xì)節(jié)方面再修改一下就可以了。