當(dāng)前位置: 首頁 > 攻略教程 > 軟件教程 > Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效的詳細(xì)操作步驟

Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效的詳細(xì)操作步驟

時間:2024-06-30 23:25:53 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

有很多朋友還不會使用Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效,所以下面小編就講解了使用Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效的操作過程,來下文看一看吧。

Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效的詳細(xì)操作步驟

Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效的詳細(xì)操作步驟

我們需要打開Axure,今天教大家使用Axure制作懸停展開的下拉菜單效果,如下圖所示。

Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效的詳細(xì)操作步驟截圖

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

Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效的詳細(xì)操作步驟截圖

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

Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效的詳細(xì)操作步驟截圖

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

Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效的詳細(xì)操作步驟截圖

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

Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效的詳細(xì)操作步驟截圖

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

Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效的詳細(xì)操作步驟截圖

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

Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效的詳細(xì)操作步驟截圖

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

Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效的詳細(xì)操作步驟截圖

相信你們看完了上文講解的Axure設(shè)計鼠標(biāo)懸停下拉菜單顯示特效的詳細(xì)操作方法,應(yīng)該都學(xué)會了吧!