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

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

1、打开axure软件

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

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

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

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

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

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

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

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

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

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

(0)

相关推荐

  • 利用PPT快速制作10秒倒计时效果

    利用PPT快速制作10秒倒计时效果操作方法. 操作方法 01 打开PPT,设置幻灯片背景颜色为黑色. 02 插入形状"椭圆",按Shift键画出正圆. 03 为圆形设置格式:无填充 ...

  • WPS演示制作60秒倒计时器效果的方法

    WPS演示制作60秒倒计时器效果的方法 操作步骤 1.单击菜单栏"插入",在其下拉菜单中"文本框"的子菜单中选择"竖向"命令,指向在幻灯片编 ...

  • Axure原型工具如何制作滑动引导页效果

    在制作手机软件原型的时候,对于手机软件启动时会加载一些引导页的效果,这个引导页可以做出很多效果,下面小编介绍一下Axure原型工具如何制作滑动引导页效果. 操作方法 01 首先创建一个空白页面,在工作 ...

  • Premiere中怎么将淘宝主图视频制作60秒?

    淘宝主图视频可以制作成60秒了,更好展示自己商品获取流量的机会,同时增加了产品权重,该怎么制作这个视频展示自己的宝贝呢?下面我们就来看看使用Premiere制作的方法. 1.打开PR ,文件-新建-序 ...

  • 用flash制作30秒倒计时!

    我们在做ppt的时候,经常会用到倒计时方案,通常都是插入flash,那么这个倒计时的flash怎么做的呢,其实很简单,此适合初学者,主要针对的是逐帧动画.一起来做做吧! 倒计时效果: 步骤/方法 01 ...

  • ae怎么制作一段倒计时效果?

    ae中想要制作一个倒计时的动画,该怎么制作这个效果呢?下面我们就来看看详细的教程. 1.开始我先分享premiere的制作方法.导入一张纯色背景图片,拖拽到时间线上.选择“编辑”模式,在编辑模式里选择 ...

  • 点击按钮出现60秒倒计时js代码

    亲测 操作方法 01 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// ...

  • axure rp 8.0怎么制作幻灯片效果的网页原型?

    axure rp 是一个专业.高效制作原型软件,可以制作低保真原型,高保真原型,以及流程图,给产品经理带来很多的方便,工作效果也大大提高.幻灯片效果,在很多网站上都可以看到图片轮播,今天我在这给大家详 ...

  • Axure 8.0中怎么制作手机上下滑动效果?

    利用Axure 8.0 制作手机上下滑动效果 1.打开Axure 8.0,在网上找一个手机外壳的图片,然后添加大小和手机屏幕相等的动态面板,命名为“屏幕” 2.然后双击State1,添加一个矩形,宽度 ...