位置:首頁 > 軟件操作教程 > UI設(shè)計(jì)軟件 > Axure RP > 問題詳情

如何設(shè)計(jì)鼠標(biāo)懸停下拉菜單顯示特效

提問人:周麗平發(fā)布時間:2021-06-09
需要打開Axure,今天教大家使用Axure制作懸停展開的下拉菜單效果,如下圖所示。
image.png

然后我們在元件庫中拖入本次要使用的元件,到工作臺上,如下圖所示。

image.png

接著我我們將元件的顏色和大小進(jìn)行調(diào)整,最終形成下面的按鈕形狀,如下圖所示。

image.png

同樣,我們在制作一個下拉菜單的動態(tài)面板,并命名,如下圖所示。

image.png

再接著我們給下拉菜單中及按鈕做一些樣式的交互,比如懸停和點(diǎn)擊時的顏色及效果等,如下圖所示。

image.png

我們再給元件加交互事件,如下圖所示。

image.png

這時候所有工作準(zhǔn)備完成,f5預(yù)覽看一下效果,如下圖所示。

image.png

最后我們當(dāng)鼠標(biāo)懸停在按鈕上,此時下拉菜單就會顯示出來,如下圖所示。

image.png

繼續(xù)查找其他問題的答案?

回復(fù)(0)
返回頂部