Axure导航栏移入移出显示隐藏下拉菜单——纪梵希官网导航栏动效

最近学习了一下网页原型制作。仿照纪梵希官网做的网页原型，其中导航栏涉及逻辑较复杂，打卡记录一下。

首先，分析官网导航栏动效的需求：

1.鼠标点击导航选项卡，跳转至对应的导航页面。

2.鼠标移入导航选项卡时，出现对应的下拉菜单，选项卡下方显示选中状态。

3.鼠标向上移出选项卡时，下拉菜单消失，选中状态消失。

4.鼠标向下移入下拉菜单时，下拉菜单、选中状态依然显示。

5.鼠标移出下拉菜单，下拉菜单、选中状态消失。

6.鼠标点击下拉菜单内的子链接，跳转至对应的子页面。

纪梵希官网

1.总动态面板

1).设置一个动态面板——总导航，导航栏部分和几个下拉菜单部分全设置这个面板区域内。

2).双击state1进行面板内容编辑。导航选项卡在一个矩形区域内，文字和选中状态的编辑。其中选中状态设置为隐藏。

     

（