Axure中想要制作懸停展開的下拉菜單效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程。
1、打開Axure,今天教大家使用Axure制作懸停展開的下拉菜單效果,如下圖所示。

2、首先我們?cè)谠熘型先氡敬我褂玫脑焦ぷ髋_(tái)上,如下圖所示。

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

4、同樣,我們?cè)谥谱饕粋€(gè)下拉菜單的動(dòng)態(tài)面板,并命名,如下圖所示。

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


6、最后我們?cè)俳o元件加交互事件,如下圖所示。


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

8、當(dāng)鼠標(biāo)懸停在按鈕上,此時(shí)下拉菜單就會(huì)顯示出來,如下圖所示。

以上就是Axure制作鼠標(biāo)懸停下拉菜單顯示的特效,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注武林網(wǎng)。
相關(guān)推薦:
新聞熱點(diǎn)
疑難解答
圖片精選