手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 05:16:32

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

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

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

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

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

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

4、移入一稍僚敉视个【热区】元件,设置【鼠标移入时】动作:显示【展示效果1】,显示【展示效果1动态面板】向下滑动。如图

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

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

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

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

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

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

Axure如何制作动态标签页面效果
Axure如何制作动态标签页面效果
© 手抄报圈