Axure原型工具制作有动态效果的返回顶部按钮

 时间:2024-10-13 14:59:54

1、首先创建一个空皈寿凿几白页面,在工作区域内拖入本次要使用的元件元素,主要是矩形和热区,后面会将矩形转换成动态面板来使用,如下图所示。

Axure原型工具制作有动态效果的返回顶部按钮

3、元件样式设置完成后,将白色背景的矩形转换为动态面板,并对其进行命名,如下图所示。

Axure原型工具制作有动态效果的返回顶部按钮

4、然后将白色矩形的动态面板与另外一个绿色背景的矩形同时选中,并将白色的动态面板覆循勒桢施盖在绿色的上面,右击选择转为动态面板,这样就是动态面板中又套了一层动态面板,对这个动态面板进行命名,如下图所示。

Axure原型工具制作有动态效果的返回顶部按钮

5、选中最外面的这个动态面板,将固定到浏览器的参数进行设置,如下图所示。

Axure原型工具制作有动态效果的返回顶部按钮

7、最后我们再对外面这个动态面板的鼠标单击时的交互事件进行设置,如下图所示。

Axure原型工具制作有动态效果的返回顶部按钮

9、当滚动窗口的时候,右下角的返回顶部按钮会有一个动态效果,如同水涨一样,这样返回顶部的动态效果就做好了。

Axure原型工具制作有动态效果的返回顶部按钮
  • Axure RP8怎样设置矩形为其他形状?
  • 用Mathematica修改图片大小
  • 怎么用CorelDRAW软件 制作小帆船图标?
  • C4D如何让金字塔显示时出现颤动效果
  • InDesign怎样将剪切路径转换为图形框架
  • 热门搜索
    锡林浩特旅游攻略 福建三明旅游 四川省旅游局官网 百度旅游攻略网 韩国旅游签证办理流程 海南有哪些旅游景点 江苏淮安旅游景点 内蒙古旅游景点地图 重庆旅游景点介绍 杭州旅游景点推荐