Axure如何制作动态验证码效果

 时间:2024-10-12 07:27:15

1、龅歧仲半打开Axure,我们准备一个登录框,然后从左侧元件库拖取一个【动态面板】元件,1个【文本框】元件到页面。排版放置如图

Axure如何制作动态验证码效果

2、双击动态面板,在弹出框中新增几个【面板状态】,你可以选择多增加几个,这样你就有更多的验证码选择。如图

Axure如何制作动态验证码效果

3、双击动态面板【State1】,在虚线框中放入一张验证码图片。如图

Axure如何制作动态验证码效果

4、以同样的方式,将【其它几个动态面板状态】都放入验证码图片。如图

Axure如何制作动态验证码效果

5、回到【主页面】,选择动态面板,找到交互动作【鼠标单击时】,如图

Axure如何制作动态验证码效果

6、设置【鼠标单击时】的动作为:设置面板状态到向后循环;如图

Axure如何制作动态验证码效果

7、完成设置,预览结果,动态验证码效果完成。如图

Axure如何制作动态验证码效果
  • Axure RP8怎样设置元件默认禁用状态?
  • 墨刀中怎么给段落文字修改行距
  • 墨刀如何使用标签页组件
  • 股票中主板、中小板、创业板、三板是什么意思?
  • Axure如何制作带提示信息的输入框
  • 热门搜索
    遨游汉字王国的手抄报的图片 文明礼仪手抄报 心理健康手抄报内容 关于防溺水的手抄报 防溺水手抄报 关于汉字的手抄报 汉字真有趣手抄报 垃圾分类手抄报图片 安全手抄报图片 安全伴我行手抄报