axure抽屜菜單效果怎么制作?
百度經驗 發(fā)布時間：2020-02-01 18:53:57 作者：那一些小情緒9 
我要評論
我要評論axure抽屜菜單效果怎么制作？很多頁面都能見到導航菜單，想要制作一個抽屜效果的菜單，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下
在網頁中我們經常會看到一些推拉抽屜菜單，該怎么制作這個效果呢？我們可以先使用axure來制作，下面我們就來看看詳細的教程。
1、首先打開軟件，在元件庫中選擇“矩形”元件，并把元件拖入到畫布中（如圖）。
2、復制矩形，您可以根據(jù)您菜單數(shù)量選擇復制下拉菜單的數(shù)量，復制好后，選中復制的矩形并對其編組（如圖）。
3、對下拉項目編組后，繼續(xù)鼠標右鍵在下拉框中選擇“設為隱藏”。（如圖）。
4、設為隱藏后，我們在右上角給隱藏元件取名叫“下拉項”。取名的目的是為了方便查找（如圖）。
5、選中第一步繪制的矩形，在右上角找到屬性欄，點擊“鼠標單擊時”（如圖）。
6、在彈出的對話框中點擊“顯示隱藏“，然后在配置動作中，選中我們剛才命名的“下拉項”元件。接著在可見性這一欄：選擇“切換”。顯現(xiàn)動畫這一欄選擇：“向下翻轉”。隱藏動畫這一欄“向上翻轉”。最后勾選“推動/拉動元件”，并在方向這一欄：勾選“下方”。動畫選擇這一欄選擇“線性”點擊“確定”制作完成（如圖）。
7、保存文件，在瀏覽器中預覽，查看實現(xiàn)效果。
總結：
1、設置點擊啊按鈕
2、設置下拉元素
3、把下拉元素設為隱藏
4、給下拉項命名
5、選中點擊按鈕設置點擊事件
6、設置下拉參數(shù)
7、完成
以上就是axure抽屜菜單效果的制作方法，希望大家喜歡，請繼續(xù)關注腳本之家。
相關推薦：
axure怎么生成分享鏈接? axure發(fā)布分享的教程
相關文章
Axure怎么制作動態(tài)的云層？Axure中想要制作一個動態(tài)的云層，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-03-13
Axure內聯(lián)框架怎么加載網絡地圖？Axure中想要制作一個網頁可以加載地圖的效果，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-03-12
Axure怎么制作發(fā)光的關機按鈕？Axure制作網頁原型的時候，想要制作一個發(fā)光的按鈕，該怎么給按鈕添加光暈效果呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-03-10
axure怎么使用樹工具創(chuàng)建菜單？axure中想要創(chuàng)建一個樹狀菜單，該怎么創(chuàng)建呢？下面我們就來看看詳細的教程，很簡單，需要的朋友可以參考下2019-02-28
axure文本段落怎么設置填充屬性？axure中輸入的文本段落想要設置填充屬性，該怎么設置呢？下面我們就來看看詳細的設置教程，需要的朋友可以參考下2019-02-27
axure怎么添加滾動條? axure水平垂直滾動條的設置方法
axure怎么添加滾動條？axure輸入的文本很長，想要添加滾動條，該怎么添加呢？下面我們就來看看axure水平垂直滾動條的設置方法，需要的朋友可以參考下2019-02-27
Axure文字怎么設置間距？Axure中輸入的多行文字想要調整段落間距，該怎么調整呢？下面我們就來看看Axure段落間距的調整方法，需要的朋友可以參考下2019-02-24
axure怎么導出流程圖？axure中繪制的流程圖想要導出，該怎么導出流程圖呢？下面我們就來看看axure流程圖導出方法，需要的朋友可以參考下2019-02-22
axure快捷菜單怎么創(chuàng)建水平菜單？axure設計網頁原型的時候，想要制作菜單，快捷菜單有兩種設置，一個是水平菜單一個是垂直菜單，該怎么設置水平菜單呢？下下面我們就來看看2019-02-21
axure網頁原型怎查看瀏覽器中預覽效果？axure中設計網頁原型很簡單，想要查看預覽效果，該怎么操作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-02-19
