首页>>表单>>弹出式注册/登录代码(2020-04-30)

弹出式注册/登录代码

弹出式注册/登录代码
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <center>  
  2. <a id="Login_start_" class="btn btn-danger" style="width:100px;height:40px;border-radius: 0;">登陆</a>  
  3. <a id="Regist_start_" class="btn btn-success" style="width:100px;height:40px;border-radius: 0;">注册</a>  
  4. </center>  
  5.   
  6. <!-- 会员登录  -->  
  7. <!--<div id='Login_start' style="position: absolute;" >-->  
  8. <div id='_start'>  
  9.     <div id='_close' style="display: none;">  
  10.         <span class="glyphicon glyphicon-remove"></span>  
  11.     </div>  
  12.     <br />   
  13.     <!--登录框-->  
  14.     <div id="login_container">  
  15.         <div id="lab1">  
  16.             <span id="lab_login">会员登录</span>  
  17.             <span id="lab_toRegist">  
  18.                  还没有账号   
  19.                 <span id='toRegist' style="color: #EB9316;cursor: pointer;">立即注册</span>  
  20.             </span>  
  21.         </div>  
  22.         <div style="width:330px;">  
  23.             <span id="lab_type1">手机号/账号登陆</span>  
  24.         </div>  
  25.         <div id="form_container1">  
  26.             <br />  
  27.             <input type="text" class="form-control" placeholder="手机号/用户名" id="login_number" value="admin" />  
  28.             <input type="password" class="form-control" placeholder="密码" id="login_password" />  
  29.             <input type="button" value="登录" class="btn btn-success" id="login_btn" />  
  30.             <span id="rememberOrfindPwd">  
  31.                 <span>  
  32.                     <input id="remember" type="checkbox" style="margin-bottom: -1.5px;">  
  33.                 </span>  
  34.             <span style="color:#000000">  
  35.                     记住密码      
  36.                 </span>  
  37.             <span style="color:#000000">  
  38.                     忘记密码  
  39.                 </span>  
  40.             </span>  
  41.         </div>  
  42.   
  43.         <div style="display:block;width:330px;height：40px;">  
  44.             <span id="lab_type2">使用第三方直接登陆</span>  
  45.         </div>  
  46.         <div style="width:330px;height:100px;border-bottom: 1px solid #FFFFFF;">  
  47.             <br />  
  48.             <button id="login_QQ" type="button" class="btn btn-info">  
  49.                 <img src="img/qq32.png" style="width:20px;margin-top:-4px;" /> QQ登录  
  50.             </button>  
  51.             <button id="login_WB" type="button" class="btn btn-danger">  
  52.                 <img src="img/sina32.png" style="width:20px;margin-top:-4px;" /> 微博登录  
  53.             </button>  
  54.         </div>  
  55.     </div>  
  56.     <!-- 会员注册 -->  
  57.     <div id='regist_container' style="display: none;">  
  58.         <div id="lab1">  
  59.             <span id="lab_login">会员注册</span>  
  60.             <span id="lab_toLogin">  
  61.                  已有账号   
  62.                 <span id='toLogin' style="color: #EB9316;cursor: pointer;">立即登录</span>  
  63.             </span>  
  64.         </div>  
  65.         <div id="form_container2" style="padding-top: 25px;">  
  66.               
  67.             <input type="text" class="form-control" value="admin"  placeholder="用户名" id="regist_account">  
  68.             <input type="password" class="form-control" placeholder="密码" id="regist_password1" />  
  69.             <input type="password" class="form-control" placeholder="确认密码" id="regist_password2" />  
  70.             <input type="text" class="form-control" placeholder="手机号" id="regist_phone" />  
  71.             <input type="text" class="form-control" placeholder="验证码" id="regist_vcode" />  
  72.             <!--<button id="getVCode" type="button" class="btn btn-success" >获取验证码</button>-->  
  73.             <input id="getVCode" type="button" class="btn btn-success" value="点击发送验证码" onClick="sendCode(this)" />  
  74.   
  75.         </div>  
  76.         <input type="button" value="注册" class="btn btn-success" id="regist_btn" />  
  77.     </div>  
  78. </div>  

 


原文地址:http://www.freejs.net/article_biaodan_857.html