当鼠标移入顶部菜单时,菜单顶部有光标跟随,当移出时,光标自动回到当前页面菜单位置。这种效果应该怎么实现呢?
如下图:
顶部导航光标定位
线上效果图,查看:
制件 *** 1. 页面与导航栏 ***按平时 *** 导航与页面的方式制定,先 *** 好页面与导航栏。
2. 菜单动态面板添加动态面板,放在导航栏位置。
菜单动态面板
3. *** 菜单进入动态面板,添加4个菜单,并添加光标,并放置于菜单一位置。
菜单 ***
4. 菜单一交互针对每个菜单单独做交互效果,菜单一交互设置。
菜单一交互
在菜单一的交互中添加全局变量”blue”,并设置值为“菜单一”。
变量值设置
5. 菜单二交互菜单二交互设置:
菜单二交互
在菜单二的交互中添加全局变量“blue”,并设置值为“菜单二”。
变量值设置
其余菜单按以上 *** 进行设置。
6. 动态面板页面交互在动态面板页面做鼠标移出时的交互效果:
鼠标移出交互
7. 母板多个菜单页面,可将 *** 的菜单转换为母板,其余3个菜单页面可直接使用。
母板
8. 主页面交互设置在主页面设置页面载入时的交互:
编辑导读:音频播放特效各人都应该见过,本文作者操作Axure动态面板成果对音频播放动效举办了一个简朴的原型设计,并对进程中碰着的一些问题举办了简朴的梳理,与各人分享。 局部动态的展示可以或许的快速的...
编辑导读:本文跟各人分享,如何用Axure实现光标移动切换图片的结果,作者从预览图,到所需原件,再到操纵步调都一一展开了阐明,并对进程中需要留意的问题举办了先容,但愿对你有所开导。 01 概述 本日...
本日和各人分享怎么用中继器建造手机版的日历。该原型利用利便,可直接利用,并且交互齐全完善,所以推荐给各人利用。这期的内容,数学公式较量多,大概有些小同伴会不大白,喜欢原型可能有疑问的小同伴们可以在下...
为了方便用选购商品,现在的电商网站,通常都会有对比、关注、加入购物车这三个功能。我们以京东商城为例,看看如何通过Axure实现这三个功能。 图例如下所示: 【需求分析】 通过我们对京东商城的观察,...
我们在逛淘宝可能小红书等电商平台的时候,当我们鼠标逗留在商品大图时会呈现一个预览区域,而且右侧会呈现预览区域的放大图片,利便我们看清商品的细节。这个就是电商平台图片放大预览的结果。本日我们就一起来进修...
滑动拼图是互联网一种新的验证形式,被广泛应用在各种网站的登录、注册、找回密码。用户可以不需要填写复杂的验证码,而是用鼠标去拖动滑块便能通过验证。 下面为今日头条的滑动拼图验证,接下来将为大家讲解:...