banner滑動切換-Axure

本人產(chǎn)品汪一枚,最近在學(xué)習(xí)Axure交互。

今天主要說下用Axure做banner滑動切換的效果。

先看下成品吧:


步驟如下:

1、建立一個動態(tài)面板,330*260;為動態(tài)面板添加3個狀態(tài),每個狀態(tài)添加一張代表圖片。

2、為每個狀態(tài)制作一個110*60的縮略圖,和動態(tài)面板底部對齊并按順序排在一行。


3、設(shè)置每個動態(tài)面板的OnMouseEnter事件,如下圖所示。注意每個縮略圖所對應(yīng)的動態(tài)面板狀態(tài)為該縮略圖的大圖圖像狀態(tài)。

4、大功告成

注:OnMouseEnter為當(dāng)用戶將鼠標(biāo)指針移動到對象內(nèi)時觸發(fā)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容