前面發(fā)了一篇輪播banner的實現(xiàn)（http://m.codemsi.com/rp/175508.html），實現(xiàn)方法上稍微步驟多了點，另外有童鞋問能不能手動和自動結合設置，這里就介紹一個簡便的實現(xiàn)方法。

輪播banner簡單法：

1. 添加一個動態(tài)面板（自命名“首頁banner”），添加3個狀態(tài)，分別給每個狀態(tài)添加一個banner

2. 將動態(tài)面板設為隱藏，初始觸發(fā)條件，頁面交互的頁面加載時添加用例“顯示”動態(tài)面板

以上步驟和前一篇文章的前期準備工作相同，接下來就是不一樣的，看好咯～～～～～～

3. 給動態(tài)面板添加交互效果，在“顯示”下添加用例，設置等待2000毫秒，設置面板狀態(tài)，選擇狀態(tài)為下一步，選中“向后循環(huán)”（從最后一個到第一個自動跳轉），選中“循環(huán)間隔”設置時間為2000毫秒，然后設置進入退出動畫，均為”向左滑動“。該動態(tài)面板設為隱藏。

這些設置好了，預覽下就看到banner的輪播效果咯～～～～～～～～～～

下面介紹鼠標滑動到banner上時，banner停止輪播，點擊左右按鈕，banner左右切換，當鼠標移出banner時，輪播效果繼續(xù)。

1. 再添加一個動態(tài)面板（自命名“左右箭頭”)，大小和banner相同，面板里添加左右按鈕
2. 左右按鈕分別設置點擊交互效果，“鼠標點擊時“下添加用例，設置面板狀態(tài)，向左的按鈕選擇面板狀態(tài)”上一步“（previous）進入退出動畫為“向右滑動”，向右的按鈕選擇面板狀態(tài)“下一步”（next），進入退出動畫為“向左滑動”，都要選中各自下方循環(huán)狀態(tài)。

4. 給banner的面板添加新的用例，在”鼠標移入時“下添加用例，顯示左右按鈕動態(tài)面板

5. 再給左右按鈕面板添加用例，在“鼠標移出時”添加用例，隱藏左右按鈕動態(tài)面板，且為了再次觸發(fā)banner輪播，添加隱藏banner面板和顯示面板

這些都設置好了之后，你是不是覺得已經(jīng)可以了呢？可以預覽下。。。。。結果是？？？？當然還是不可以??_??還有最后一步，很重要的最后一步，很重要的最后一步，很重要的最后一步，嘻嘻，重要的話得說3遍才行～

6. 最后一步，給banner面板的“顯示”添加條件，設置部件的可見性，選中this為左右按鈕面板，值?。絫rue（或者值＝false）

ok啦～～～～～～～

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