本站源码全部测试通过,配有前台及后台演示图,绿色安全,希望能对大家有所帮助!
  • 首 页
  • VPS/云主机
  • jQuery全屏背景登录注册表单切换
    时间:2020-01-05 12:56 来源:开源之家 作者:开源之家测试提供 下载:144 次
    • 源码说明:本站源码全部经过测试,配有前台及后台管理界面演示图,去除后门,绿色安全,希望对大家学习研究能有所帮助!
    • 源码类型:特效源码
    • 源码大小:2.26 MB
    • 运行环境:HTML
    • 下载次数:144 次
    • 推荐VPS:
    • 提取密码/源码编号:
    • 本地下载
    • 本地下载
    • 》网盘下载,每日更新

    jQuery全屏背景登录注册表单切换

    特效描述:jQuery全屏背景 登录注册 表单切换,jQuery全屏背景登录注册表单切换

    代码结构

    1. 引入CSS

    1
    <link rel="stylesheet" href="css/style.css">

    2. 引入JS

    1
    2
    3
    4
    5
    <script src="js/jquery.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/supersized.3.2.7.min.js"></script>
    <script src="js/supersized-init.js"></script>
    <script src="js/jquery.validate.min.js?var1.14.0"></script>

    3. HTML代码

    <div class="login-container">
        <h1>jQuery带背景切换登录注册表单</h1>
        <div class="connect">
            <p>51前端</p>
        </div>
        <form action="" method="post" id="loginForm">
            <div>
                <input type="text" name="username" class="username" placeholder="用户名" autocomplete="off"/>
            </div>
            <div>
                <input type="password" name="password" class="password" placeholder="密码" oncontextmenu="return false" onpaste="return false" />
            </div>
            <button id="submit" type="submit">登 陆</button>
        </form>
        <a href="register.html">
            <button type="button" class="register-tis">还有没有账号?</button>
        </a>
    </div>
    <!--背景图片自动更换-->
    <!--表单验证-->

    jQuery全屏背景登录注册表单切换

    郑重声明:
    本站资源均由高价购买、会员分享,全部经过测试,配有前台及后台管理界面演示图,去除后门,绿色安全,希望对大家学习研究能有所帮助!
    若您需要商业运营或用于其它商业活动,请您购买正版授权并合法使用。 我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。如有侵犯您的版权,请提交软件证书/图片地址和源码链接 我们尽快处理。

    开源之家广告栏目A
    开源之家广告栏目B
    开源之家广告栏目C
    在线客服
    客服微信

    扫一扫......加客服微信