banner輪播
在瀏覽網(wǎng)頁(yè)網(wǎng)頁(yè)時(shí)，我們經(jīng)常看到精美的banner還有動(dòng)態(tài)效果，但是在網(wǎng)頁(yè)中這種動(dòng)態(tài)交互事件大多是用JS實(shí)現(xiàn)的娶耍，那我們?cè)贏xure中也可以實(shí)現(xiàn)這種動(dòng)態(tài)效果。
1.打開Axure饼酿，新建一個(gè)項(xiàng)目榕酒。在元件庫(kù)拖入一個(gè)“動(dòng)態(tài)面板”到工作區(qū)域胚膊，并設(shè)置好尺寸。
2.在右側(cè)“概要”想鹰，動(dòng)態(tài)面板下方紊婉，單擊“+”號(hào)，創(chuàng)建幾個(gè)state頁(yè)面辑舷；
3.雙擊打開state頁(yè)面喻犁，在虛線框內(nèi)放入圖片，一個(gè)state頁(yè)面放入一張圖片何缓，調(diào)節(jié)圖片大小肢础，讓圖片盡量位于虛線框內(nèi)（因?yàn)榭蛲獾膬?nèi)容顯示不出來）；
4.圖片放好后碌廓，我們?cè)倩氐絼傞_始的頁(yè)面（page3）乔妈，在圖片左右加上一個(gè)按鈕，并設(shè)置為隱藏氓皱，讓按鈕實(shí)現(xiàn)左右切換圖片的功能，
5.放好按鈕以后勃刨，我們把按鈕和動(dòng)態(tài)面板組合起來（為了避免出現(xiàn)按鈕閃爍不靈的情況）波材，在“概要”下面選中兩個(gè)按鈕和動(dòng)態(tài)面板，單擊擊鼠標(biāo)右鍵身隐，選擇“組合”廷区；
6.布局好以后，就要開始實(shí)現(xiàn)動(dòng)態(tài)效果了贾铝。先給按鈕設(shè)置一個(gè)點(diǎn)擊事件：先點(diǎn)擊“設(shè)置面板狀態(tài)”隙轻，勾選剛剛到圖片的動(dòng)態(tài)面板，并在下方“選擇狀態(tài)”的下拉菜單欄中選著“Next”垢揩，勾選向后循環(huán)玖绿，則這個(gè)按鈕實(shí)現(xiàn)的是點(diǎn)擊切換帶下一張圖片；點(diǎn)擊切換上一張圖片步驟相同叁巨，在選擇狀態(tài)時(shí)斑匪，選擇“previous” 勾選“向前循環(huán)”，確定锋勺；
7.劃重點(diǎn)了Ｊ慈场！這一步是實(shí)現(xiàn)自動(dòng)播放和鼠標(biāo)移上去停止播放并出現(xiàn)兩個(gè)按鈕的關(guān)鍵庶橱。
（1）單擊“動(dòng)態(tài)面板”贮勃，在其上方選擇“載入時(shí)”，單擊進(jìn)入選擇“設(shè)置面板狀態(tài)”苏章，勾選該動(dòng)態(tài)面板寂嘉，在其下方的選擇狀態(tài)選擇“Next”奏瞬，“向后循環(huán)”“循環(huán)間隔**毫秒”“首個(gè)狀態(tài)延時(shí)**秒”，確定垫释；
（2）選擇該組合丝格，單擊上方的“更多事件”，在更多事件中單擊“鼠標(biāo)移入時(shí)”棵譬，①在出現(xiàn)的頁(yè)面中選擇“顯示”显蝌，選擇兩個(gè)按鈕，（實(shí)現(xiàn)鼠標(biāo)移入時(shí)出現(xiàn)兩個(gè)按鈕）订咸，②選擇“設(shè)置面板狀態(tài)”曼尊，勾選該動(dòng)態(tài)面板，下方“選擇狀態(tài)”設(shè)為“停止循環(huán)”脏嚷，（實(shí)現(xiàn)鼠標(biāo)移入時(shí)停止播放圖片）確定骆撇；
（2）“組合”→“更多事件”→“鼠標(biāo)移出時(shí)”→①“隱藏”→選擇兩個(gè)按鈕→確定（鼠標(biāo)移出時(shí)隱藏按鈕），②
（3）“組合”→“更多事件”→“鼠標(biāo)移出時(shí)”→“設(shè)置面板狀態(tài)”→勾選該動(dòng)態(tài)面板→選擇狀態(tài)選擇“Next”父叙，→“向后循環(huán)” “循環(huán)間隔**毫秒”? “首個(gè)狀態(tài)延時(shí)**秒”神郊，確定。
好了趾唱，現(xiàn)在所有步驟都完成了涌乳，按F5在瀏覽器中預(yù)覽一下效果吧。
喜歡的話給個(gè)心心支持一下吧? (???)?""
