jquery html5背景动画用户登录界面表单提交验证代码


jquery html5背景动画用户登录界面表单提交验证代码
jquery html5背景动画用户登录界面表单提交验证代码以及jquery、html5背景动画、用户登录界面、表单提交验证等js/jquery网页特效代码下载。
特效描述:jquery html5背景动画 用户登录界面 表单提交验证,背景动画用户登录界面表单提交验证

代码结构

1. 引入CSS

<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="assets/css/supersized.css">
<link rel="stylesheet" href="assets/css/style.css">

2. 引入JS

<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="assets/js/jquery-1.8.2.min.js" ></script>
<script src="assets/js/supersized.3.2.7.min.js" ></script>
<script src="assets/js/supersized-init.js" ></script>
<script src="assets/js/scripts.js" ></script>

3. HTML代码

        <div class="page-container">
            <h1>登录(Login)</h1>
            <form action="" method="post">
                <input type="text" name="username" class="username" placeholder="请输入您的用户名!">
                <input type="password" name="password" class="password" placeholder="请输入您的用户密码!">
                <input type="Captcha" class="Captcha" name="Captcha" placeholder="请输入验证码!">
                <button type="submit" class="submit_button">登录</button>
                <div class="error"><span>+</span></div>
            </form>
            <div class="connect">
                <p>快捷</p>
                <p>
                    <a class="facebook" href=""></a>
                    <a class="twitter" href=""></a>
                </p>
            </div>
        </div>
        <!-- Javascript -->

相关推荐

发表评论

相关文章