手机
当前位置:查字典教程网 >软件教程 >其他软件工具 >axure RP7.0怎么制作60秒倒计时效果?
axure RP7.0怎么制作60秒倒计时效果?
摘要:网站会有倒计时功能,3秒跳转到另一个页面,或者发送验证码60秒失效,1、打开axure软件2、添加单行文本,输入数字60,命名为time。可...

网站会有倒计时功能,3秒跳转到另一个页面,或者发送验证码60秒失效,

1、打开axure软件

axure RP7.0怎么制作60秒倒计时效果?1

2、添加单行文本,输入数字60,命名为time。可以相应调一下字体大小

axure RP7.0怎么制作60秒倒计时效果?2

3、添加动态面板,命名为round,

axure RP7.0怎么制作60秒倒计时效果?3

4、双击动态面板,点击+号,添加状态,命名为状态1,状态2

axure RP7.0怎么制作60秒倒计时效果?4

5、设置动态面板状态1背景色为绿色,状态2背景色为红色。

注:可以不设置任何颜色,此处是为了区分。

axure RP7.0怎么制作60秒倒计时效果?5

axure RP7.0怎么制作60秒倒计时效果?6

6、新增用例,点击动态铭板状态改变时,弹出编辑器窗口,设置如果time大于0,做下面的动作,

axure RP7.0怎么制作60秒倒计时效果?7

7、编辑动作,点击FX,跳转到编辑文字页面,按照图中添加,发现截图不清晰,下面吧设置写一下,添加局部变量,LVAR1=部件文字 time,变量计算[[LVAR1-1]]

axure RP7.0怎么制作60秒倒计时效果?8

axure RP7.0怎么制作60秒倒计时效果?9

8、点击页面载入时,添加页面载入时用例,

axure RP7.0怎么制作60秒倒计时效果?10

9、设置页面载入时动作,按图操作

axure RP7.0怎么制作60秒倒计时效果?11

10、设置成功,使用快捷键F5预览一下吧,已经做好了。

【axure RP7.0怎么制作60秒倒计时效果?】相关文章:

VISIO2010软件怎么绘制跨职能流程图?

qqexplorer怎么用 如何使用qqexplorer教程

UG10.0怎么设置快捷键并创建角色以后调用?

UG软怎么制作的个性模型和机械零件模型?

Axure RP Pro 7.0怎么制作图片轮播按钮控制效果?

axure怎么绘制APP菜单阻尼滑动的原型图?

几何画板绘怎么制作动图?制彩色同闪三角形的教程

Axure下载的外部部件怎么导入?

Axure RP 8怎么制作锁定对象或隐藏对象?

INNO setup 制作补丁图文教程

精品推荐
分类导航