使用Axure RP制作出彈出菜單效果具體操作步驟
很多的用戶們在使用Axure RP，不過你們知道使用Axure RP如何制作出彈出菜單效果呢?下文就為你們帶來使用Axure RP制作出彈出菜單效果的具體操作步驟 。
1、首先打開Axure RP，插入一個全新的頁面，如下圖所示 。
2、在空白頁面中從元件庫中拖動一個矩形到空白頁面中，本文以模擬實現百度首頁為例進行說明 。在矩形框中輸入【更多產品】，如下圖所示 。
3、從元件庫中拖動一個動態面板到頁面中，該動態面板的內容為鼠標移入后要展示的內容，如下圖所示 。
【使用Axure RP制作出彈出菜單效果具體操作步驟】4、雙擊該動態面板，在彈出的對話框中，為動態面板命名，雙擊【State1】進入動態面板的編輯頁面，如下圖1所示，編輯完后的內容如下圖2所示 。
5、因為一開始動態面板的內容是隱藏的，所以請鼠標右鍵點擊動態面板，在彈出的對話框中設置【隱藏】，如下圖所示 。
6、為矩形框添加事件 。當鼠標移入的時候就出現動態面板的內容 。先選擇矩形框，在右側的【屬性】中找到【鼠標移入時】，如下圖標紅框所示 。
7、雙擊【鼠標移入時】后，在彈出的用例編輯頁面中，找到【顯示/隱藏】，并單擊他，根據設置的動態面板的名稱，找到該動態面板，并設置為可見 。如下圖所示 。
8、點擊【確定】退出用例編輯頁面 ， 這時候已經完成彈出菜單效果的設置了，點擊預覽 ， 在瀏覽器中默認是下圖1 的效果，當鼠標移到【更多產品】后就變成了下圖2 的效果了 。
看完以上為你們講解的使用Axure RP制作出彈出菜單效果的具體操作步驟 ， 你們自己也趕緊去制作吧!
