day 02 axure制作固定菜单/导航

用Axure制作页面滚动时菜单固定在顶部的页面

较长 的页面中制作滚动时的菜单固定页面
1.创建两个两个矩形,分别命名为1、2,1为滚动菜单,2为固定菜单day 02 axure制作固定菜单/导航_第1张图片
2.右键单击2固定菜单,设置为 转换为动态面板

day 02 axure制作固定菜单/导航_第2张图片

3.修改命名为 固定菜单,并在属性选项中点击固定到浏览器

day 02 axure制作固定菜单/导航_第3张图片

4.勾选 固定到浏览器窗口,勾选隐藏按钮

day 02 axure制作固定菜单/导航_第4张图片

5.新建一个动态面板(透明),调整其宽度和高度分别为60和20,将动态面板命名为固定锚点,设置其固定到浏览器。

day 02 axure制作固定菜单/导航_第5张图片

6.在页面新建热区(hot sutp),x=0,w=固定锚点的高度,h=总背景的长度,y如图所画

day 02 axure制作固定菜单/导航_第6张图片
7.打开交互面板
day 02 axure制作固定菜单/导航_第7张图片

8.设置固定菜单为展示
day 02 axure制作固定菜单/导航_第8张图片
9.打开case2,设置固定菜单为隐藏
day 02 axure制作固定菜单/导航_第9张图片

10.选中滚动菜单2,双击ONload,点击hide,勾选需要隐藏的菜单。

day 02 axure制作固定菜单/导航_第10张图片

day 02 axure制作固定菜单/导航_第11张图片

11.制作完成,F5预览查看

你可能感兴趣的:(day 02 axure制作固定菜单/导航)