<listing id="zpvbj"></listing>
<var id="zpvbj"><strike id="zpvbj"></strike></var><cite id="zpvbj"><video id="zpvbj"><thead id="zpvbj"></thead></video></cite>
<cite id="zpvbj"></cite>
<menuitem id="zpvbj"></menuitem>
<menuitem id="zpvbj"></menuitem><var id="zpvbj"><video id="zpvbj"><thead id="zpvbj"></thead></video></var>
<var id="zpvbj"><video id="zpvbj"></video></var><cite id="zpvbj"></cite><var id="zpvbj"></var>
<var id="zpvbj"><strike id="zpvbj"></strike></var>
<var id="zpvbj"></var>
<cite id="zpvbj"></cite><var id="zpvbj"><dl id="zpvbj"></dl></var>
<var id="zpvbj"></var><var id="zpvbj"><strike id="zpvbj"></strike></var>
<var id="zpvbj"></var>

手機版 歡迎訪問人人都是自媒體網站

當前位置:主頁 > 推廣 >

Axure教程:實現菜單下拉效果

時間:2021-01-13 09:28|來源:網絡整理|編輯:采集俠|點擊:

 Axure教程:實現菜單下拉效果

盡管Axure的基礎元件庫里面已經有菜單項了,但是樣式和交互我們不一定喜歡,所以這里自己制作菜單項以滿足不同的需求。

 Axure教程:實現菜單下拉效果

預覽圖

初始狀態:

 Axure教程:實現菜單下拉效果

點擊“菜單1”、“菜單2”后:

 Axure教程:實現菜單下拉效果

預覽地址:https://rrwsy5.axshare.com

所需元件

兩個菜單矩形、兩個菜單子項動態面板、一個向上箭頭、一個向下箭頭。

 Axure教程:實現菜單下拉效果

操作步驟

(1)按照上圖給元件命好名,擺放好位置

(2)設置“菜單1”矩形交互Case1鼠標單擊時

1)編輯條件:當“菜單1子項”的可見性為true

 Axure教程:實現菜單下拉效果

2)因為菜單1子項此時是顯示的,所以單擊后應該隱藏起來:

 Axure教程:實現菜單下拉效果

3)將向上的箭頭設置成向下的箭頭:

 Axure教程:實現菜單下拉效果

這里我使用的是FontAwesome字體,所以顯示出來就是個看不出形狀的框框,這一步不一定要按照我這樣做,可以放兩個圖標去更換就好,不過還是建議大家多去使用FontAwesome字體,原因在我另一篇文章《Axure教程:使用動態面板實現收藏→已收藏》的小記里有解釋。

(3)設置“菜單1”矩形交互Case2鼠標單擊時

1)編輯條件:當“菜單1子項”的可見性為false,設置步驟與上面一樣,就把true改為false即可;

2)因為菜單1子項此時是隱藏的,所以單擊后應該顯示出來:

 Axure教程:實現菜單下拉效果

3)將向下的箭頭設置成向上的箭頭

(4)按照上述步驟相似地設置“菜單2”矩形

(5)將“菜單2子項”動態面板隱藏起來

 Axure教程:實現菜單下拉效果

(6)按F5預覽原型看看效果

小記

后面我還會再制作其他類型的菜單,這是其中一個非常簡單的案例。

這個案例里,兩個菜單項可以同時展開,可以想想怎么做到有且只有一個菜單項展開。

#相關閱讀#

Axure教程:使用動態面板實現收藏→已收藏

Copyright © 2018 DEDE97. 織夢97 版權所有 京ICP

淘宝av国产福利资源-欧美成人影院-怎样观看网红直播app定制-啪啪啪国产-1024你懂的国产首页-国产精品偷拍人妻-勾魂尤物-av撸啪啪在线-制服下的诱惑全文-在线视频?国产?亚洲?素人-国产情侣负免费视频-偷拍巨乳欧美日韩国产-久久免费网国产_久久免费网站_久久免费无修韩国漫画网站,国产素人女同人妻,沈艺语麻豆传媒,中文字幕朝鲜歌曲 韩国黄页| 2016gratisvideos欧美f| 你播我播在线快播| 国产原创剧情在线播放不卡| 高中萝莉资源国产迅雷下载| 97国产大学生情侣视频播放| 制度丝袜国产欧美激情| 2017国产偷拍色情| 国产网红主播户外直播视频| 美女直播自拍国产在钱| sm国产校园| 韩国女人服装| 麻豆传媒是哪个网站| 女同性恋怎么样能得宫颈糜烂| 青涩体验中文字幕| 午夜综艺片在线观看| 水多就是爽素人国产2018 大陆| 偷拍国产在线手机视频 av| 国产网红app| mdapp tv麻豆传媒| ntb系列中文字幕| 在线福利社视频免费| 小鸟酱全套在线视频播放| 99re6在线精品6| 韩国午夜视频87在线观看| 情欲王朝在线看免费中文字幕| 国产第一季剧情| 国产精品正在播放剧情演绎| 国产海天盛筵某顶级模特 迅雷下载| 国产户外妈妈av黑色丝袜| 阿v国产偷拍| 麻豆央画传媒| 女同性恋互吻互摸视频| 秘密情事中文字幕版| 英语动漫电影中文字幕| 萌白酱馒头一线天在线观看| 青青青久国产在线视频| 一区二区国产福利手机在线| 国产 制服 人妻| 国产sm演员是否职业演员| 韩国柠檬胶| http://www.wwwlefu003.com http://www.wwwlfcp6666.com http://www.wwwk25115.com http://www.wwwk81133.com http://www.wwwssnh77.com http://www.wwwun5533.com