Axure教程:顶部导航光标定位

如下图:

产品经理,产品经理网站

顶部导航光标定位

线上效果图,查看:顶部导航光标定位

制件方法

1. 页面与导航栏制作

按平时制作导航与页面的方式制定,先制作好页面与导航栏。

2. 菜单动态面板

添加动态面板,放在导航栏位置。

顶部导航光标定位

菜单动态面板

3. 制作菜单

进入动态面板,添加4个菜单,并添加光标,并放置于菜单一位置。

顶部导航光标定位

菜单制作

4. 菜单一交互

针对每个菜单单独做交互效果,菜单一交互设置。

顶部导航光标定位

菜单一交互

在菜单一的交互中添加全局变量”blue”,并设置值为“菜单一”。

顶部导航光标定位

变量值设置

5. 菜单二交互

菜单二交互设置:

顶部导航光标定位

菜单二交互

在菜单二的交互中添加全局变量“blue”,并设置值为“菜单二”。

顶部导航光标定位

变量值设置

其余菜单按以上方法进行设置。

6. 动态面板页面交互

在动态面板页面做鼠标移出时的交互效果:

顶部导航光标定位

鼠标移出交互

7. 母板

多个菜单页面,可将制作的菜单转换为母板,其余3个菜单页面可直接使用。

顶部导航光标定位

母板

8. 主页面交互设置

在主页面设置页面载入时的交互:

顶部导航光标定位

页面载入设置

 

本文作者 @ 五百英里

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部