Axure RP--以一个导航为案例介绍如何做鼠标移入时事件

鼠标移入时展开面板，在网页常见于鼠标移入在一级导航时展开二级导航，即手风琴式菜单，或见于电商网站的商品目录，鼠标悬停在一级分类时展开二级或更多分类，下面以一个导航为案例介绍如何做鼠标移入时事件。

步骤1：
从部件库拖拽一个矩形到线框图编辑区中，调整大小，输入“基本信息”

 

步骤2：
选中矩形，右击打开快捷菜单，点击“转换为动态面板”

步骤3：
双击新转换来的动态面板，打开“动态面板状态管理”窗口，在“动态面板名称”填写“基本信息”，点击“+”新增一个状态

 

步骤4：
双击“状态2”，打开状态2编辑区，复制状态1的矩形过来，并从部件库中拖拽两个小矩形过来，调整大小，并分别输入“学生信息”、“教师信息

 

步骤5：
回到首页线框图中，从部件库拖拽一个矩形到线框图中，调整成和“基本信息”一样的大小，输入“行政管理”，右击打开快捷菜单选择“转换为动态面板”，并给动态面板命名

 

步骤6：
选中“基本信息”动态面板，在“部件交互和注释”窗口，点击“更多事件”打开“更多事件”列表，单击“鼠标移入时”事件，打开用例编辑器

 

步骤7：
第二步：点击新增动作—选择“动态面板”，点击“设置面板状态”；
第四步：配置新动作—勾选“基本信息（动态面板）”，“选择状态”下拉选择“状态2”，勾选“展开/收起部件”，“方向”单选“向下”，点击“确定”

步骤8：
制作完成，生成原型，预览效果

 

 

更多axure学习视频，axure快速原型设计案例请登录陪学网：http://www.pexue.com/