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

访客4年前黑客资讯1250

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

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

如下图:

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

顶部导航光标定位

线上效果图,查看:

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

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

2. 菜单动态面板

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

顶部导航光标定位

菜单动态面板

3. *** 菜单

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

顶部导航光标定位

菜单 ***

4. 菜单一交互

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

顶部导航光标定位

菜单一交互

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

顶部导航光标定位

变量值设置

5. 菜单二交互

菜单二交互设置:

顶部导航光标定位

菜单二交互

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

顶部导航光标定位

变量值设置

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

6. 动态面板页面交互

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

顶部导航光标定位

鼠标移出交互

7. 母板

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

顶部导航光标定位

母板

8. 主页面交互设置

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

顶部导航光标定位

相关文章

百分百成交的超级购买理由

百分百成交的超级购买理由

编辑导语:超等购置来由与传统营销的要领完全纷歧样,超等购置来由不是你的产物有多好,而是给我一个必需购置的来由;好比王老吉的告白语“怕上火,喝王老吉”,用户就会以为,那我吃暖锅、上火等等都可以买王老吉来...

如何用Axure画出Web后台产品的列表组件:高级交互

如何用Axure画出Web后台产品的列表组件:高级交互

编辑导语:Web靠山的列表组件在画原型的时候较量常见,所以PM有须要深入相识它的各类交互结果和对应原型画法;本文作者具体先容了如何用Axure画出Web靠山产物中的高级交互,我们以起来看一下。 咱们...

产品之路第四年的再思考

产品之路第四年的再思考

每年的年初我都会强迫着自己梳理过去一年的成长与得失,并规划来年的目标与计划。今年也不例外,以下我将分别从产品工作、公司选择、写作、身体健康与中年油腻几个维度进行一些思考。 01 关于产品工作 去年一...

Axure中全局变量的应用技巧

Axure中全局变量的应用技巧

编辑导读:在实际应用中,全局变量起到了信息通报浸染和符号浸染,可以在多个页面间通报信息,可能作为非凡场景的判定依据。本文作者对Axure中全局变量的应用举办了先容,适合对Axure的页面、元件、交互事...

产品分析:旅游点评平台——猫途鹰TripAdvisor

产品分析:旅游点评平台——猫途鹰TripAdvisor

编辑导语:如今跟着糊口程度的提高,人们在出去旅游时更倾向于在自驾游可能本身筹划蹊径,这时候一个旅游点评/攻略平台长短常重要的;本文作者分享了全球旅游点评平台猫途鹰的产物阐明,我们一起来看一下。 猫途...

为什么设计工作总是感觉很被动?

为什么设计工作总是感觉很被动?

设计师像是一个作坊,需求来了就做,需求没有就摸鱼。那么,如何挣脱这种被布置的状态呢? 此后文章的气势气魄将会以轻松愉快的气氛「讲人话」。究竟长篇大论不如看书,既然是分享,那还不如有趣一些。(轻拍哈哈...