Axure如何制作动态标签页面效果

我们在浏览一些网站时，经常能看到非常酷炫的动态标签页面，鼠标移入则展示，鼠标移出则隐藏。在Axure中也能简单的实现这个效果，那么，Axure如何制作动态标签页面效果呢？本文就由小编带大家了解一下，一起来看看吧~

工具/原料

Axure版本:企业版8.0.0.3338

PC电脑：Windows 7

方法/步骤

1.准备一个【标签页面】，设置主页背景以及标签背景颜色。如图

2.制作一个使用标签背景色的【切换效果模块】，命名【展示效果1】，然后设为隐藏，如图

3.制作两个【下拉菜单】效果模块，然后转换为【动态面板】，命名【展示效果1动态面板】，然后设为隐藏。如图

4.移入一个【热区】元件，设置【鼠标移入时】动作：显示【展示效果1】，显示【展示效果1动态面板】向下滑动。如图

5.设置【鼠标移出时】动作：隐藏【展示效果1】，隐藏【展示效果1动态面板】向上滑动。如图

6.重复步骤3、4、5，完成其它同类展示效果的制作，如图

7.完成设置后，预览结果，实现了动态标签页面效果。如图

总结：

1.准备一个【标签页面】，设置主页背景以及标签背景颜色；

2.制作一个使用标签背景色的【切换效果模块】，命名【展示效果1】，然后设为隐藏；

3.制作两个【下拉菜单】效果模块，然后转换为【动态面板】，命名【展示效果1动态面板】，然后设为隐藏；

4.移入一个【热区】元件，设置【鼠标移入时】动作；

5.设置【鼠标移出时】动作；

6.重复步骤3、4、5，完成其它同类展示效果的制作；

7.完成设置后，预览结果，实现了动态标签页面效果。

注意事项

Tips:在设置动态面板的显示与隐藏效果时，一定记得选择向下或向上滑动。