jquery cookie保存可更換背景主題的注冊表單美化特效



104 414 139



特效描述:更換背景主題 注冊表單美化,

代碼結構

1. 引入CSS

<link href="static/css/member/vip.css" rel="stylesheet" type="text/css" />
<link href="static/css/member/skin_01.css" rel="stylesheet" type="text/css" id="skin">

2. 引入JS

<script type="text/javascript" src="static/javascript/jquery.min.js"></script>
<script type="text/javascript" src="static/javascript/jquery.lqper.js"></script>
<script type="text/javascript" src="static/javascript/login.js"></script>
<script type="text/javascript" src="static/javascript/DDPngMin.js"></script>

3. HTML代碼

<div class="main">
  <div class="main_t"></div>
  <div class="main_m">
    <div class="main_bd">
      <div class="run"><a href="javascript:void(0)" class="a1 run_skin" title="皮膚設置"></a><a href="javascript:void(0)" class="a2 run_tm" title="透明度設置"></a></div>
      <div class="yskj step1">
        <div class="yskj_tt"><b>會員注冊</b></div>
        <form method="post">
          <input type="hidden" name="pid" value="10046">
          <input type="hidden" name="parentid" value="">
          <div class="yskj_bd">
            <ul class="ul">
              <li>
                <label>賬戶名稱:</label>
                <input id="account" name="account" type="text" class="txt1 txt" placeholder="請輸入5位數字ID或者郵箱">
              </li>
              <li>
                <label>設置密碼:</label>
                <input id="password" name="password" type="password" class="txt1 txt" />
              </li>
              <li>
                <label>確認密碼:</label>
                <input id="passwordto" name="passwordto" type="password" class="txt1 txt" />
              </li>
              <li id="captchas" class="dn">
                <label>短信驗證碼:</label>
                <input name="captcha" class="txt1 txt" style=" width:130px;" />
                <a id="gsc" href="javascript:void(0);" class="u-btn-red ml10">獲取短信驗證碼</a></li>
            </ul>
            <div class="reg">
              <input type="submit" name="dosubmit" value="立即注冊" class="btn2">
              <a href="?app=member" class="btn3">已有賬號</a></div>
            <div class="other_login" style="margin-left:140px;"> 其他賬號登陸: <a href="api/oauth.php?action=geturl"><img src="static/css/member/images/login/qq_big.png" height="16"></a> </div>
          </div>
        </form>
      </div>
      <div class="main_bg opcity"></div>
    </div>
  </div>
  <div class="main_b"></div>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 切換按鈕 表單 表單美化 表單插件 表單美化插件 注冊框 表單提交
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子