我们螅岔出礤在浏览一些网站时,经常能看到非常酷炫的动态标签页面,鼠标移入则展示,鼠标移出则隐藏。在Axure中也能简单的实现这个效果,那么,Axure如何制作动态标签页面效果呢?本文就由蟛杆戛攉小编带大家了解一下,一起来看看吧~
工具/原料
Axure版本:企业版8.0.0.3338
PC电脑:Windows7
方法/步骤
1、1.准备一个【标签页面】,设置主页背景以及标签背景颜色。如图
2、2.制作一个使用标签背景色的【切换效果模块】,命名【展示效果1】,然后设为隐藏,如图
3、3.制作两个【下拉菜单】效果模块,然后转换为【动态面板】,命名【展示效果1动态面板】,然后设为隐藏。如图
4、4.移入一稍僚敉视个【热区】元件,设置【鼠标移入时】动作:显示【展示效果1】,显示【展示效果1动态面板】向下滑动。如图
5、5.设置【鼠标移出时】动作:隐藏【展示效果1】,隐藏【展示效果1动态面板】向上滑动。如图
6、6.重复步骤5,完成其它同类展示效果的制作,如图
7、7.完成设置后,预览结果,实现了动态标签页面效果。如图