Axure怎么制作鼠標(biāo)懸停下拉菜單顯示的特效?

Axure中想要制作懸停展開的下拉菜單效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程。

Axure RP v8.1.0.3382 Enterprise 中文特別版(附注冊機(jī)+漢化包+安裝教程)
- 類型:輔助設(shè)計(jì)
- 大小:83.2MB
- 語言:簡體中文
- 時(shí)間:2019-04-26
1、打開Axure,今天教大家使用Axure制作懸停展開的下拉菜單效果,如下圖所示。
2、首先我們在元件庫中拖入本次要使用的元件,到工作臺上,如下圖所示。
3、然后將元件的顏色和大小進(jìn)行調(diào)整,最終形成下面的按鈕形狀,如下圖所示。
4、同樣,我們在制作一個(gè)下拉菜單的動態(tài)面板,并命名,如下圖所示。
5、然后我們給下拉菜單中及按鈕做一些樣式的交互,比如懸停和點(diǎn)擊時(shí)的顏色及效果等,如下圖所示。
6、最后我們再給元件加交互事件,如下圖所示。
7、好了,所有工作準(zhǔn)備完成,f5預(yù)覽看一下效果,如下圖所示。
8、當(dāng)鼠標(biāo)懸停在按鈕上,此時(shí)下拉菜單就會顯示出來,如下圖所示。
以上就是Axure制作鼠標(biāo)懸停下拉菜單顯示的特效,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Axure中怎么為網(wǎng)站制作聯(lián)動下拉菜單?
AXURE RP 8怎么設(shè)置下拉菜單? AXURE下拉菜單的制作方法
相關(guān)文章
- Axure怎么制作控制條控制地圖放大效果?Axure中想要制作一個(gè)地圖放大效果,并且可以使用控制條控制,下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-12-11
- Axure怎么制作模擬地圖放大效果?Axure中制作網(wǎng)頁原型的時(shí)候,想要制作模擬百度底乳放大縮小的效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-12-07
- Axure怎么制作圖片局部放大的效果?Axure中想要制作圖片局部放大的效果,該怎么制作呢?下面我們就來看看Axure局部放大效果的制作方法,需要的朋友可以參考下2018-12-06
- Axure怎么使用鋼筆工具繪制圖形?Axure中想要使用鋼筆繪制圖形,該怎么繪制呢?下面我們就來看看axure鋼筆工具的使用方法,需要的朋友可以參考下2018-12-06
Axure怎么設(shè)計(jì)絕對位置的滑屏插件原型?
Axure怎么設(shè)計(jì)絕對位置的滑屏插件原型?Axure中想要直走一些網(wǎng)頁原型,該怎么制作絕對位置的滑屏插件呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-12-04Axure怎么制作翻轉(zhuǎn)效果的手機(jī)引導(dǎo)頁?
Axure怎么制作翻轉(zhuǎn)效果的手機(jī)引導(dǎo)頁?Axure中想要制作一個(gè)引導(dǎo)頁,該怎么制作翻轉(zhuǎn)效果的引導(dǎo)頁呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-12-03- Axure怎么制作滑動引導(dǎo)頁效果的原型?Axure中設(shè)計(jì)網(wǎng)頁原型很簡單,想要制作一個(gè)華東的引導(dǎo)頁,該怎么制作這個(gè)動搖交互效果呢?需要的朋友可以參考下2018-12-03
- Axure怎么通過變量方式獲取輸入框中的值?Axure輸入框中輸入的數(shù)值想要獲取,該怎么獲取呢?下面我們就來看看Axure中獲取輸入框中數(shù)據(jù)的教程,需要的朋友可以參考下2018-12-03
- Axure圖片顯示不完整或扭曲該怎么解決?Axure中插入的圖片發(fā)現(xiàn)只顯示上半部分,其他的不顯示,該怎么解決呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-12-02
Axure怎么設(shè)計(jì)調(diào)整屏幕亮度效果的效果?
Axure怎么設(shè)計(jì)調(diào)整屏幕亮度效果的效果?Axure設(shè)計(jì)網(wǎng)頁原型很簡單,想要制作一個(gè)調(diào)整屏幕亮度的交互效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-11-30