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

访客3年前黑客资讯1199

当鼠标移入顶部菜单时,菜单顶部有光标跟随,当移出时,光标自动回到当前页面菜单位置。这种效果应该怎么实现呢?

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

如下图:

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

顶部导航光标定位

线上效果图,查看:

制件 *** 1. 页面与导航栏 ***

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

2. 菜单动态面板

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

顶部导航光标定位

菜单动态面板

3. *** 菜单

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

顶部导航光标定位

菜单 ***

4. 菜单一交互

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

顶部导航光标定位

菜单一交互

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

顶部导航光标定位

变量值设置

5. 菜单二交互

菜单二交互设置:

顶部导航光标定位

菜单二交互

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

顶部导航光标定位

变量值设置

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

6. 动态面板页面交互

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

顶部导航光标定位

鼠标移出交互

7. 母板

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

顶部导航光标定位

母板

8. 主页面交互设置

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

顶部导航光标定位

相关文章

“外卖自由”不再,谁该为越来越贵的外卖负责?

“外卖自由”不再,谁该为越来越贵的外卖负责?

编辑导语:“饿了么”是2008年创建的当地糊口平台,美团外卖于2013年正式上线,跟着二者逐渐进入到各个巨细都市,人们也习惯了用手机点外卖,节减时间的同时还可以省钱。可是“外卖自由”很短暂,如今外卖价...

航空公司“随心飞”产品设计

航空公司“随心飞”产品设计

编辑导语:本年上半年因为疫情的原因,航空公司的日子并欠好过,许多航空公司都面对巨额吃亏的环境,为了自救,航空公司纷纷推出“随心飞”套票;本文作者阐明白航空公司“随心飞”的产物设计。 6月18日,东方...

产品新人进阶之路(1):功能需求文档

产品新人进阶之路(1):功能需求文档

产品经理要发现需求,而不是复制已有的需求。功能需求文档能够帮助产品经理深入理解需求,理解“为什么要做、为什么这么做”。 本文乃作者应一位朋友要求,将项目分析的经验总结并撰写成文。 我所在的公司将产品...

谷歌面试题解析:一辆校车能装下多少乒乓球

谷歌面试题解析:一辆校车能装下多少乒乓球

一辆校车能装下多少高尔夫球?我猜大多数人都能想到的就是,这算什么啊!把校车的容积算出来,再算一算高尔夫球的体积。然后让校车/高尔夫球容积,这样可以计算出来。 若上述情况发生在某一小学的数学考试中,这...

方法 | 如何进行MVP验证?

方法 | 如何进行MVP验证?

编辑导语:MVP的意思是最小化可行性产物,是一种通过快速可一连的不绝验证和改正的完成一个产物的要领论,在互联网事情中总会碰着;本文作者表明白什么是MVP,怎么举办MVP验证,我们一起来看一下。 本文...

见过多位顶尖产品经理,总结成为顶尖PM的金字塔模型

见过多位顶尖产品经理,总结成为顶尖PM的金字塔模型

编辑导语:如何成为一名顶尖的产物司理呢?本文作者为我们总结了一个金字塔模子,看看如何才气成为金字塔尖的产物司理,但愿看完本文会对你的职业生涯有所辅佐。 和业界不少顶尖的产物团队认真人相同产物计策的经...