您的位置: 首页 > 软件教程 > Axure > Axure设计多层级菜单下拉联动效果?

Axure设计多层级菜单下拉联动效果?

7.0分
出处:3lian.com 时间:2018-04-19

您可能感兴趣的话题: Axure  

核心提示:Axure设计多层级菜单下拉联动效果?好方法,一起看看吧!

  2、菜单的联动效果一般是通过点击来触发的,所以,此时对第三个一级菜单添加点击事件,此时需注意:因为点击时可能触发两个动作,所以点击事件需要添加条件进行判断,如:当子菜单面板是隐藏的时候,点击后可显示子菜单;当子菜单是显示的时候,点击后可隐藏子菜单。同时可在事件内加动态效果,如向下显示、向上隐藏,时间暂定500ms;

Axure设计多层级菜单下拉联动效果?

Axure设计多层级菜单下拉联动效果?

  3、此时第最后一个一级菜单设置完成了,但因为前面的一级菜单需要通过点击,显示其下方的子菜单,同时使第三个一级菜单与其下属子菜单向下移动,所以,我们需要将第三个一级菜单与其子菜单视作一个整体,使他们一同移动,所以,此时需将其设置为一个动态面板;

Axure设计多层级菜单下拉联动效果?

  4、下面我们来做第二个一级菜单,同样的制作原理与步骤与第三个一级菜单与子菜单一致,但需要把刚刚做好的动态面板一并放置在同一页面,以便后续操作;

Axure设计多层级菜单下拉联动效果?

  5、此时对第二个一级菜单做点击事件的添加:当子菜单面板是隐藏的时候,点击后可显示子菜单;当子菜单是显示的时候,点击后可隐藏子菜单。但与前一个一级菜单相比,需多加一个效果,即移动第三个一级菜单的动态面板,移动距离以子菜单的高度*子菜单数量,比如我例子中用的是三个高40的子菜单,则需分别对y坐标移动+/-120;

Axure设计多层级菜单下拉联动效果?

网友评论
精品软件课程
更多 >
快播播放器(Qvod Player)是一款基... [详细]
360安全卫士是当前功能最强、效果最好、最受... [详细]
会声会影(Corel VideoStudio... [详细]
腾讯QQ支持在线聊天、视频电话、点对点断点续... [详细]
搜狗拼音输入法是网上最流行、功能最强大的拼音... [详细]
Windows 7 是由微软公司开发的,具有... [详细]