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

2025-04-17 00:57:12

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

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

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

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

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

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

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

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

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

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

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

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

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

Axure如何制作动态标签页面效果
Axure如何制作动态标签页面效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢