养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-09-29 21:30:13

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

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

工具/原料

Axure版本:企业版8.0.0.3338

PC电脑:Windows7

方法/步骤

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

© 一点知识