类似苹果登录效果，默认是登录框，点击旋转为找回密码页面

类似苹果登录效果，默认是登录框，点击旋转为找回密码页面

 点击可以有一个翻转的动画，实现不同的表单

演示

 

XML/HTML Code

1. <div id="formContainer">  
2.             <form id="login" method="post" action="./">  
3.                 <a href="#" id="flipToRecover" class="flipLink">Forgot?</a>  
4.                 <input type="text" name="loginEmail" id="loginEmail" value="Email" />  
5.                 <input type="password" name="loginPass" id="loginPass" value="pass" />  
6.                 <input type="submit" name="submit" value="Login" />  
7.             </form>  
8.             <form id="recover" method="post" action="./">  
9.                 <a href="#" id="flipToLogin" class="flipLink">Forgot?</a>  
10.                 <input type="text" name="recoverEmail" id="recoverEmail" value="Email" />  
11.                 <input type="submit" name="submit" value="Recover" />  
12.             </form>  
13.         </div>  

 

 

原文地址:http://www.freejs.net/article_biaodan_311.html