Axure怎么創(chuàng)建鼠標(biāo)點擊展開的下拉菜單效果?
百度經(jīng)驗 發(fā)布時間：2019-04-30 10:50:35 作者：畢志華1991 
我要評論
我要評論Axure怎么創(chuàng)建鼠標(biāo)點擊展開的下拉菜單效果？網(wǎng)頁中的菜單效果有很多，我們經(jīng)常能見到鼠標(biāo)點擊下拉菜單就會出現(xiàn)子菜單，該怎么制作這個效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
Axure制作點擊展開的下拉菜單效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程。
Axure RP v8.1.0.3382 Enterprise 中文特別版(附注冊機(jī)+漢化包+安裝教程)
- 類型：輔助設(shè)計
- 大?。?/span>83.2MB
- 語言：簡體中文
- 時間：2019-04-26
1、打開Axure原型工具，今天教大家使用Axure制作點擊展開的下拉菜單效果，如下圖所示。
2、首先我們從元件庫中拖入本次需要的元件，如下圖所示。
3、然后我們通過調(diào)整元件的大小和顏色制作出一個按鈕形狀的圖形，如下圖所示。
4、同樣的方式，我們在動態(tài)面板中做出下拉菜單的效果，并給動態(tài)面板命名，如下圖所示。
5、雙擊進(jìn)行到動態(tài)面板，給各個菜單加一些鼠標(biāo)懸停的顏色，如下圖所示。
6、也可以給上面的按鈕加一些懸念的效果，如下圖所示。
7、下面我們開始給按鈕加交互事件，首先是單擊時的事件，選中時的還有取消時的，另外這里也需要給動畫面板加一個交互事件，就是載入時需要隱藏，如下圖所示。
8、好了，交互事件都設(shè)置完成后，f5預(yù)覽一下效果，如下圖所示。
9、點擊這個按鈕，下拉菜單會顯示出，再點擊就會收縮回去，如下圖所示。
以上就是Axure創(chuàng)建鼠標(biāo)點擊展開的下拉菜單效果的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure RP 8怎么設(shè)計有漂亮圖標(biāo)的樹狀菜單?
相關(guān)文章
Axure怎么使用動態(tài)面板制作banner圖片輪播?
Axure怎么使用動態(tài)面板制作banner圖片輪播？Axure中想要做一個網(wǎng)站banner圖片輪播，該怎么制作這個效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-30
Axure怎么設(shè)計一個左側(cè)二級導(dǎo)航切換效果?
Axure怎么設(shè)計一個左側(cè)二級導(dǎo)航切換效果？Axure中設(shè)計網(wǎng)頁原型很簡單，想要設(shè)計一個點主導(dǎo)長就出現(xiàn)二級導(dǎo)航的下過，該怎么設(shè)計呢？下面我們就來看看詳細(xì)的教程，需要的朋友2017-06-30
Axure RP怎么實現(xiàn)提示框懸停功能？Axure設(shè)計網(wǎng)頁的時候，想要實現(xiàn)提示框懸停功能，該怎么設(shè)計呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-27
axure8.0怎么使用元件庫及母版？axure8.0中想要創(chuàng)建一個產(chǎn)品原型，可以直接使用元件庫和母版實現(xiàn)，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-27
Axure RP兩份文件怎么合并成一份？有兩份Axure文件，想要將兩份文件合并在一起，該怎么合并呢？下面我們就來看看詳細(xì)的教程，很簡單，,要的朋友可以參考下2017-06-27
Axure RP 8輸入框中怎么顯示日期？Axure RP 8中繪制的輸入框除了顯示文本、密碼等，還可以顯示日期，下面我們就來看看設(shè)置顯示日期的教程，需要的朋友可以參考下2017-06-08
Axure RP 8怎么繪制并組合紅色的五角星？Axure RP 8中想要繪制紅色的五角星，并將兩個五角星組合成圖形，下面我們就來看看詳細(xì)的操作教程，需要的朋友可以參考下2017-06-05
Axure RP 8怎么繪制螺絲釘模型圖？Axure RP 8中想要畫一個螺絲釘，該怎么繪制呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-06-05
Axure RP 8怎么設(shè)計出自適應(yīng)頁面的元件?
Axure RP 8怎么設(shè)計出自適應(yīng)頁面的元件？我們知道頁面的大小是不固定的，想要設(shè)計元件的時候可以自適應(yīng)頁面尺寸，該怎么設(shè)計呢？下面我們就來看看詳細(xì)的教程，需要的朋友可2017-06-05
Axure RP 8下拉框怎么控制文本框標(biāo)題字體?
Axure RP 8下拉框怎么控制文本框標(biāo)題字體？Axure RP 8中下拉框切換值的時候，想要改變文本框和標(biāo)題，該怎么實現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-04
