Axure教程:顶部导航光标定位
如下图:
顶部导航光标定位
线上效果图,查看:顶部导航光标定位
制件方法
1. 页面与导航栏制作
按平时制作导航与页面的方式制定,先制作好页面与导航栏。
2. 菜单动态面板
添加动态面板,放在导航栏位置。
菜单动态面板
3. 制作菜单
进入动态面板,添加4个菜单,并添加光标,并放置于菜单一位置。
菜单制作
4. 菜单一交互
针对每个菜单单独做交互效果,菜单一交互设置。
菜单一交互
在菜单一的交互中添加全局变量”blue”,并设置值为“菜单一”。
变量值设置
5. 菜单二交互
菜单二交互设置:
菜单二交互
在菜单二的交互中添加全局变量“blue”,并设置值为“菜单二”。
变量值设置
其余菜单按以上方法进行设置。
6. 动态面板页面交互
在动态面板页面做鼠标移出时的交互效果:
鼠标移出交互
7. 母板
多个菜单页面,可将制作的菜单转换为母板,其余3个菜单页面可直接使用。
母板
8. 主页面交互设置
在主页面设置页面载入时的交互:
页面载入设置
本文作者 @ 五百英里
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!