昨日心血來潮，看到大家都在做banner輪播的，小弟也嘗試了下，找到了非常簡(jiǎn)單的方式。

其實(shí)我的方法和@Alex123?一樣樣的，不過我之后增加了手動(dòng)切換

輪播圓點(diǎn)分為3個(gè)狀態(tài)，大家可以參照《【關(guān)于banner輪播】最簡(jiǎn)單的實(shí)現(xiàn)方法》的方法，針對(duì)每個(gè)狀態(tài)下的圓點(diǎn)設(shè)置交互

這是個(gè)人覺得比較蛋疼的地方，每個(gè)狀態(tài)下的3個(gè)圓點(diǎn)，要設(shè)置2個(gè)用例，以上圖的中間點(diǎn)為例

只要是不等于2，就可點(diǎn)擊切換回來

but，這里會(huì)有個(gè)問題出現(xiàn)，如果單純只做上面這2步，那當(dāng)點(diǎn)擊后，切換到第二頁(yè)后就不會(huì)輪播了，所以我們要設(shè)置個(gè)等待時(shí)間，然后將輪播的代碼再走一遍，這樣，我們的自動(dòng)輪播加手動(dòng)切換就完成了。

不過，小弟遇到了一個(gè)問題，在點(diǎn)擊切換時(shí)，因?yàn)閯?dòng)態(tài)面板的延遲和動(dòng)態(tài)面板狀態(tài)的延遲是同步走的，會(huì)出現(xiàn)點(diǎn)擊了某個(gè)后，才顯示就迅速刷下一頁(yè)了，小弟暫時(shí)未能解決該問題，望有大神可以賜教?。?/p>

來個(gè)原型：http://ntvl6e.axshare.com

謝謝

相關(guān)文章

【適合axure初學(xué)者】動(dòng)態(tài)面板實(shí)現(xiàn)banner的輪播效果

輪播banner的略簡(jiǎn)便實(shí)現(xiàn)方式

【關(guān)于banner輪播】最簡(jiǎn)單的實(shí)現(xiàn)方法。

讓大神傳授你Banner設(shè)計(jì)中的“辟邪劍譜”

本文由 @納蘇考 原創(chuàng)投稿，并經(jīng)人人都是產(chǎn)品經(jīng)理編輯。未經(jīng)許可，禁止轉(zhuǎn)載。