教程忘记密码特效

　　今天和大家分享一个忘记密码表单特效，enjoy~
　　一、最终效果
　　二、制作方法
　　我们先看一下，本案例使用到的元素：
　　文本部分，我们就咱不做介绍了，这里依次说一下＂输入框＂的设置 & ＂动态面板＂的设置。
　　/* 输入框设置 */
　　我们从元件库，拖拽一个文本框至对应位置，然后设置它的属性。如图所示：
　　/*线条动态面板设置 */
　　（1）动态面板A-line
　　我们首先创建一个动态面板，命名为line，并且创建4种不同的面板状态：
　　default：默认状态
　　fcouse：输入框获得焦点状态
　　true：输入框值验证通过状态
　　flase：输入框值验证不通过状态
　　每种状态，使用不同颜色的线条来表示
　　（2）动态面板B-button
　　我们在创建一个动态面板，命名为button，同样创建三种状态：
　　default：默认显示submit字样的按钮
　　false：显示The account could not be found字样的按钮
　　true：显示Email has been sent字样的按钮
　　（3）动态面板C-reset
　　最后创建一个reset的动态面板，用于恢复＂line＂&＂button＂2个动态面板至默认状态。
　　/* 交互设置 */
　　（1）输入框交互
　　我们选择输入框，双击＂获取焦点时＂，设置动态面板（line）显示＂fcouse＂状态。
　　同样，给输入框添加＂失去焦点时＂的交互，这里会要考虑到一个问题，如果输入框有值得情况下，我们就不做任何变更；如果失去焦点时，输入框没有值，则设置动态面板为default状态。
　　条件设置如下：
　　动作设置如下：
　　（2）button动态面板交互
　　button动态面板，前面说到过存在3种状态，所以我们要对点击动作进行条件判断，当点击按钮时，如果输入框值为demo@demo.com，则显示true状态，否则显示false状态。
　　（3）reset动态面板交互
　　reset动态面板的作用，是用于恢复输入框和button面板默认状态的，所以我们对其添加了点击动作。设置如图所示：
　　全部完成后，按F5进行演示即可。
　　下载地址
　　https://pan.baidu.com/s/1DlLApPUQMvQhaE89gvOJvA
　　如有问题，欢迎大家留言！
　　Axure教程：跟随鼠标移动的导航菜单特效
　　Axure教程：使用动态面板实现iOS开关效果
　　Axure教程：登录页间转场特效
　　Axure教程：App移动端单选效果美化
　　Axure教程：App移动端多选效果美化
　　Axure教程：App移动端弹窗广告
　　Axure教程：登录框交互特效
　　Axure教程：鼠标移入移出特效