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

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

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

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

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

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

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

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

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

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

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

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