Axure原型工具如何制作置顶按钮效果

 时间:2024-10-14 12:30:24

1、首先创建一个空白页面,在工作区域内拖入本次需要的元件元素,如下图所示,主要有矩形、图标和动态面板等。

Axure原型工具如何制作置顶按钮效果

2、将图标元件复制到动态面板中,并将动态面板的名称进行命名,如下图所示。

Axure原型工具如何制作置顶按钮效果

3、然后对动态面板的固定到浏览器进行设置,固定到水平右20,垂直下20,如下图所示。

Axure原型工具如何制作置顶按钮效果

4、然后开始做交互事件,首先是载入时,这个置顶按钮是隐藏的效果,如下图所示。

Axure原型工具如何制作置顶按钮效果

5、下面做鼠标单击时的交互事件,如下图所示。

Axure原型工具如何制作置顶按钮效果

6、最后,选择页面,给页面做窗口滚动时的交互事件,这里做两个交互事件,如下图所示。

Axure原型工具如何制作置顶按钮效果
Axure原型工具如何制作置顶按钮效果
Axure原型工具如何制作置顶按钮效果

7、完成设置后,f5预览一下效果,当窗口滚动到下面的时候,置顶按钮会显示出来 ,点击此按钮的时候,页面会流动到最上面,如下图所示。

Axure原型工具如何制作置顶按钮效果
Axure原型工具如何制作置顶按钮效果
  • 怎样使用axure设计高保真随机验证码?
  • Blender怎么重命名集合名称
  • Axure RP8怎样给水平菜单增加子菜单选项?
  • Axure制作圆形进度条
  • Blender怎么创建【天圆地方】的造型
  • 热门搜索
    大学生手抄报 我爱爸爸妈妈手抄报 熊猫手抄报 安全文明手抄报图片 感恩节的手抄报图片 壮族三月三手抄报 手抄报装饰图案 六年级上册手抄报 关于祖国风光的手抄报 以书为友手抄报