本節學習目標
- 認識 Mega Menu
- 如何製作 Mega Menu
認識 Mega Menu
Mega Menu 若直譯，係為「大的選單」。在應用上，Mega Menu 將選單內容全展開方便使用者瀏覽所有內容。在 Axure 中，Mega Menu 亦運用 Dynamic Panel，透過物件事件觸發，切換不同 Dynamic Panel 顯示不同選單內容。
如何製作 Mega Menu
- 製作物件：導覽列的網站名稱、類別物件置放完成後，接著製作下方選單內容。下方選單內容之 Dynamic Panel 會依導覽列類別數，而有不同的層級數量 。
- 轉換成 Dynamic Panel：將其中一層轉換成 Dynamic Panel 並且在其中新增一層來置放另一選單的內容，物件的製作就完成了。
- 互動設定：互動共有兩個。第一個當滑鼠移至導覽列類別時，類別會改變顏色代表使用者正在此類別中。第二個是移至不同類別時，下面的內容會跟著改變。
- 第一個互動設定，樣式改變的效果。點選其中一個類別物件點選 滑鼠移入樣式效果，選擇文字顏色 （Font Color） 並選擇一個顏色。將另一個類別物件做同樣的設定即完成。
- 第二個互動設定，滑鼠移入至不同物件切換 Dynamic Panel 的內容。在導覽列的物件中，新增事件滑鼠移入（OnMouseOver），結果則是設定 Dynamic Panel 狀態 （Set Panel State），在其狀態中選擇相對應的層就可以了; 另一個類別設定也是如此方法。
互動設定完成後，即完成Mega Menu 的製作
