jquery cookie保存可更换背景主题的注册表单美化特效



101 402 135



特效描述:更换背景主题 注册表单美化,

代码结构

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

加群请备注:从官网了解到