类似苹果登录效果,默认是登录框,点击旋转为找回密码页面
点击可以有一个翻转的动画,实现不同的表单
XML/HTML Code
- <div id="formContainer">
- <form id="login" method="post" action="./">
- <a href="#" id="flipToRecover" class="flipLink">Forgot?</a>
- <input type="text" name="loginEmail" id="loginEmail" value="Email" />
- <input type="password" name="loginPass" id="loginPass" value="pass" />
- <input type="submit" name="submit" value="Login" />
- </form>
- <form id="recover" method="post" action="./">
- <a href="#" id="flipToLogin" class="flipLink">Forgot?</a>
- <input type="text" name="recoverEmail" id="recoverEmail" value="Email" />
- <input type="submit" name="submit" value="Recover" />
- </form>
- </div>
原文地址:http://www.freejs.net/article_biaodan_311.html