《Axure顶部导航光标定位》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强交互产品,动态面板,光标等多维度案例或实操来进行更多的学习;此教程是由Miss Spider在2021-11-24发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。
在鼠标移动到顶部菜单时,光标会在菜单的顶部跟随,移动后光标会自动返回到当前页面菜单的位置。该如何达到这个效果呢?下面就由北极熊素材库的小编给大家详细的介绍一下,一起来看一看吧。
如下图:
顶部导航光标定位
线上效果图,查看:顶部导航光标定位
按平时制作导航与页面的方式制定,先制作好页面与导航栏。
添加动态面板,放在导航栏位置。
菜单动态面板
进入动态面板,添加4个菜单,并添加光标,并放置于菜单一位置。
菜单制作
针对每个菜单单独做交互效果,菜单一交互设置。
菜单一交互
在菜单一的交互中添加全局变量”blue”,并设置值为“菜单一”。
变量值设置
菜单二交互设置:
菜单二交互
在菜单二的交互中添加全局变量“blue”,并设置值为“菜单二”。
变量值设置
其余菜单按以上方法进行设置。
在动态面板页面做鼠标移出时的交互效果:
鼠标移出交互
多个菜单页面,可将制作的菜单转换为母板,其余3个菜单页面可直接使用。
母板
在主页面设置页面载入时的交互:
页面载入设置
以上就是Axure顶部导航光标定位的全部内容介绍了,关于更多axure光标操作的教程信息,可参阅Axure跟随光标移动的图表指示线操作实例,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。
赠人玫瑰,手有余香
< 上一篇 Axure实现增删查改的树型结构操作实例
> 下一篇 Axure实现鼠标按住时散开改变按钮颜色
2022-08-18 08:46
2022-06-21 09:54
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论