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

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

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

演示

 

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