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

2025-04-03 03:35:32

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

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

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

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

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

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

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

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

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

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

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

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

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

Axure如何制作动态验证码效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢