Axure8.0:标签导航栏

标签导航栏是常见的产品动效,如何用Axure8进行制作呢?本文对此做了展示,一起来看看吧。

本次分享的的案例Axure8.0制作的标签导航栏

Axure8.0:标签导航栏

预览及下载地址:https://40074m.axshare.com

一、制作原型

1)用两个矩形制作一个LOGO和导航菜单,如图:

Axure8.0:标签导航栏

2)用两个矩形制作两个菜单,如图:

Axure8.0:标签导航栏

3)用中继器制作菜单,如图:

Axure8.0:标签导航栏点击中继器进入,用一个矩形制作左侧菜单,如图:

Axure8.0:标签导航栏

4)用一个矩形制作首页标签,如图:

Axure8.0:标签导航栏

5)用中继器制作一个标签菜单,如图:

Axure8.0:标签导航栏

点击中继器进入,制作左侧菜单以及关闭按钮,如图:

Axure8.0:标签导航栏

6)制作一个动态面板用来切换页面,如图:

Axure8.0:标签导航栏

7)制作一个框架,选择框架目标为首页。

Axure8.0:标签导航栏

二、交互设置

1)对菜单中继器进行“每项加载时”事件设置,如图:

Axure8.0:标签导航栏

点击中继器进入,对数据菜单进行“鼠标点击时”、“选中时”以及“取消选中时”事件进行设置。

Axure8.0:标签导航栏

2)点击“首页”标签,对其进行”鼠标点击时”事件设置。

Axure8.0:标签导航栏

3)对标签中继器进行“每项加载时”事件进行设置。

Axure8.0:标签导航栏

点击中继器进入,对“菜单标签”进行“鼠标点击时”和“选中时“事件设置。

Axure8.0:标签导航栏

对关闭按钮进行”鼠标点击时“事件设置。

Axure8.0:标签导航栏

 

去年今日运营文章

  1. 2023:  被百度判定为低质量网站了!如何整改?(0)
  2. 2023:  9月第1周榜单丨哔哩哔哩飞瓜数据B站UP主排行榜发布!(0)
  3. 2023:  广告暴涨500万播放,B站下半年恰饭新标杆(0)
  4. 2023:  华为手机怎么样把备忘录里添加的课程表导入日历日程?(0)
  5. 2023:  怎么用Win11电脑便签快速设置课程提醒?(0)

本文由纤纤露投稿,不代表爱运营立场,如若转载,请注明出处:https://www.iyunying.org/pm/axure/291350.html

(0)
纤纤露纤纤露投稿者
上一篇 2022年9月6日
下一篇 2022年9月6日

推荐资讯

发表回复

登录后才能评论
分享本页
返回顶部