Axure rp--describes how to do a mouse move event with a navigation case

When you move the mouse over the expand Panel, in the Web page is common in the mouse to move in a level two navigation, that is, accordion menu, or in the Electronic business site of the catalog, the mouse hover in the first category when the classification of two or more categories, the following a case study of how to do when the mouse movement event.

Step 1:
Drag a rectangle from the part gallery to the wireframe edit area, resize, and enter "basic information"

Step 2:
Select the rectangle, right-click to open the shortcut menu, and click "Convert to Dynamic Panel"

Step 3:
Double-click the newly converted dynamic panel, open the Dynamic Panel Status Management window, fill in the "basic information" in the "dynamic panel name", and click "+" to add a new status

Step 4:
Double-click state 2, open the State 2 edit area, copy the state 1 rectangle, and drag two small rectangles from the part gallery to resize and enter student information, teacher information, respectively.

Step 5:
Back to the home page diagram, drag a rectangle from the part library to the wireframe, adjust to the same size as "basic information", enter "admin", right-click on the shortcut menu, select "Convert to Dynamic Panel" and name the dynamic panel

Step 6:
Select the basic information dynamic panel, in the Part interaction and Annotations window, click More events to open the more Events list, click the mouse over event, and open the use Case editor

Step 7:
Step Two: Click New Action-Select "Dynamic Panel", click "Set panel Status";
Fourth Step: Configure the new action-check "basic information (dynamic panel)", "Select Status" Drop-down Select "Status 2", tick "expand/Pick Up", "direction" select "Down", click "OK"

Step 8:
Make the prototype, preview the effect

More Axure Learning video, Axure rapid prototyping design case, please login to accompany Learning network: http://www.pexue.com/