<cite id="vhht5"><video id="vhht5"></video></cite><var id="vhht5"></var>
<cite id="vhht5"></cite>
<var id="vhht5"><strike id="vhht5"></strike></var>
<var id="vhht5"></var>
<var id="vhht5"><video id="vhht5"><thead id="vhht5"></thead></video></var>
<var id="vhht5"><video id="vhht5"><thead id="vhht5"></thead></video></var>
<ins id="vhht5"><span id="vhht5"><var id="vhht5"></var></span></ins><var id="vhht5"><strike id="vhht5"></strike></var>
<var id="vhht5"></var><var id="vhht5"></var><cite id="vhht5"><video id="vhht5"></video></cite><cite id="vhht5"><span id="vhht5"></span></cite>
<var id="vhht5"></var>
<cite id="vhht5"></cite>
<cite id="vhht5"><span id="vhht5"></span></cite>
您的位置: 首頁 > 軟件教程 > Axure > Axure設計多層級菜單下拉聯動效果?

Axure設計多層級菜單下拉聯動效果?

7.0分
出處:3lian.com 時間:2018-04-19

您可能感興趣的話題: Axure  

核心提示:Axure設計多層級菜單下拉聯動效果?好方法,一起看看吧!

  2、菜單的聯動效果一般是通過點擊來觸發的,所以,此時對第三個一級菜單添加點擊事件,此時需注意:因為點擊時可能觸發兩個動作,所以點擊事件需要添加條件進行判斷,如:當子菜單面板是隱藏的時候,點擊后可顯示子菜單;當子菜單是顯示的時候,點擊后可隱藏子菜單。同時可在事件內加動態效果,如向下顯示、向上隱藏,時間暫定500ms;

Axure設計多層級菜單下拉聯動效果?

Axure設計多層級菜單下拉聯動效果?

  3、此時第最后一個一級菜單設置完成了,但因為前面的一級菜單需要通過點擊,顯示其下方的子菜單,同時使第三個一級菜單與其下屬子菜單向下移動,所以,我們需要將第三個一級菜單與其子菜單視作一個整體,使他們一同移動,所以,此時需將其設置為一個動態面板;

Axure設計多層級菜單下拉聯動效果?

  4、下面我們來做第二個一級菜單,同樣的制作原理與步驟與第三個一級菜單與子菜單一致,但需要把剛剛做好的動態面板一并放置在同一頁面,以便后續操作;

Axure設計多層級菜單下拉聯動效果?

  5、此時對第二個一級菜單做點擊事件的添加:當子菜單面板是隱藏的時候,點擊后可顯示子菜單;當子菜單是顯示的時候,點擊后可隱藏子菜單。但與前一個一級菜單相比,需多加一個效果,即移動第三個一級菜單的動態面板,移動距離以子菜單的高度*子菜單數量,比如我例子中用的是三個高40的子菜單,則需分別對y坐標移動+/-120;

Axure設計多層級菜單下拉聯動效果?

網友評論
精品軟件課程
更多 >
快播播放器(Qvod Player)是一款基... [詳細]
360安全衛士是當前功能最強、效果最好、最受... [詳細]
會聲會影(Corel VideoStudio... [詳細]
騰訊QQ支持在線聊天、視頻電話、點對點斷點續... [詳細]
搜狗拼音輸入法是網上最流行、功能最強大的拼音... [詳細]
Windows 7 是由微軟公司開發的,具有... [詳細]
快乐时时开奖查询