☯问道养生网 - 登录�?/title> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <meta name="black" content="apple-mobile-web-statius-bar-style"> <meta name="yes" content="apple-mobile-web-app-capable"> <meta name='description' content="" /> <meta name='keywords' content='' /> <meta name='author' content="" /> <link rel="stylesheet" href="https://www.nnmnn.cn/css/base.css"> <script src="https://dao.zhfsdd.cn/jibai/images/jquery-3.6.0/jquery-3.6.0.min.js"></script>  <link href="https://www.nnmnn.cn/css/js/verify.slider.css" rel="stylesheet" /> <style> /*登录页面*/ .register-bg, .login-bg { width: 100%; height: auto; overflow: hidden; position: relative; } .register-bg img{ width: 100%; height: 750px; position: static; display: block; } .register-bg .register-form, .login-bg .login-form { position: absolute; top: 0px; left: 10%; width: 80%; z-index: 100; } .register-bg .register-form .imgT, .login-bg .login-form .imgT { width: 100%; height: 90px; margin: 70px auto 50px; } .register-bg .register-form .imgT span { width: 90px; height: 90px; border-radius: 50%; border: 1px solid #ccc; background-color: #fff; display: block; margin: 0px auto; background: url(/images/zhuce.png); background-position: -73px -7px; } .login-bg .login-form .imgT span { width: 90px; height: 90px; border-radius: 50%; border: 1px solid #ccc; background-color: #fff; display: block; margin: 0px auto; background: url(/images/zhuce.png); background-position: -3px -7px; } .register-bg .register-form form, .login-bg .login-form form { width: 100%; } .register-bg .register-form form input[type='text'], .register-bg .register-form form input[type='password'], .register-bg .register-form .forget-pass, .register-bg .dbbox { width: 100%; height: 40px; border: none; border-bottom: 1px solid #9d9d9d; margin-top: 15px; background-color: transparent; color: #333; font-size: 1rem; text-indent: 10px; } .register-bg .register-form form input[type='text']::-moz-placeholder, .login-bg .login-form form input[type="text"]::-moz-placeholder { color: #9d9d9d; opacity: 1 } .register-bg .register-form form input[type='text']::-webkit-placeholder, .login-bg .login-form form input[type="text"]::-moz-placeholder { color: #9d9d9d; opacity: 1 } .register-bg .register-form .forget-pass { border-bottom: none; text-align: right; } .register-bg .register-form .forget-pass a { font-size: 1rem; color: #9d9d9d; } .register-bg .dbbox { width: 100%; border-bottom: none; margin-top: 10px; height: 40px; background-color: #fff; border: 1px solid #9d9d9d; overflow: hidden; } .register-bg .dbbox input[type='submit'], .register-bg .dbbox a { width: 100%; height: 40px; border: none; background-color: #fff; text-align: center; color: #9d9d9d; text-align: center; line-height: 40px; font-size: 1rem; display: block; } .register-bg .form-bottom { width: 100%; height: auto; overflow: hidden; margin-top: 70px; } .register-bg .form-bottom .formTopL { width: 100%; height: 60px; line-height: 60px; position: relative; } .register-bg .form-bottom .formTopL span.line { width: 20%; height: 1px; background-color: #fff; vertical-align: middle; margin-top: 20px; } .register-bg .form-bottom .formTopL span.content { position: absolute; top: -20px; left: 20%; width: 60%; font-size: 1rem; color: #fff; line-height: 76px; background-color: transparent; margin: 0px auto; text-align: center; } .register-bg .formBtn { width: 100%; height: 70px; margin: 0px auto; } .register-bg .formBtn ul li { width: 33.3%; float: left; text-align: center; } .register-bg .formBtn ul li a { width: 50px; height: 50px; border-radius: 50%; background-color: green; display: block; margin: 0px auto; } .register-bg .formBtn ul li:first-child a { background: url(/images/zhuce.png) #4dafea; background-position: -132px -28px; background-size: 600% auto; } .register-bg .formBtn ul li:nth-child(2) a { background: url(/images/zhuce.png) #3eb135; background-position: -185px -28px; background-size: 600% auto; } .register-bg .formBtn ul li:nth-child(3) a { background: url(/images/zhuce.png) #df4d69; background-position: -240px -28px; background-size: 600% auto; } </style> </head> <body> <div class="all">  <section> <div class="register-bg"> <img src="https://www.nnmnn.cn/images/denglu.png" alt=""> <div class="register-form"> <div class="register-top"> <div class="imgT"> <span></span> <div class="dtbj" style="background:rgb(255 255 255 / 0); text-align: center; font-size: 28px; color: aqua ">用户登录</div> </div> </div> <div id="Tclogin" name="Tclogin" style="text-align:center;font-size:25px;color:#8d0000"> <br /> <div id="usernc"></div> <br /> 你已经登录，是否退出登录？ <br /> <br /> <input type="button" class="code dtbj" value="�?确定退出登�?�? id="Tc_Login" style="width: 220px; height: 40px; background: rgb(255 255 255 / 0); color:brown; " /> <input type="button" class="code dtbj" value="�?返回 �? id="TcNoLog" style="width: 120px; height: 40px; background: rgb(255 255 255 / 0); color:darkorange; " /> </div> <div id="login" name="login" style="text-align: center; font-size: 25px; color: #8d0000 "> <br /> 手机�?input type="text" id="userName" placeholder="请输入手机号"><br /> 密码�?input type="password" id="userPwd" placeholder="请输�?-16位密�?> <div id="verify_type1" style="margin: 0 auto;text-align: center; margin-top: 18px; "></div> <script src="https://www.nnmnn.cn/css/js/verify.slider.js"></script> <script type="text/javascript"> /** * Notes: 调用示例一 * User: ZHL * Date: 2020/5/14 */ var type1 = document.getElementById('verify_type1'); verifyFun.bar({ dom: type1, // dom对象 width: '350', // 盒子�? height: '50', // 盒子�? hsize: '16', // 提示字体大小 size: '40', // 滑动块箭头字体大�? diff: 5, // 误差值font-size: 1.2rem; success: function () { document.getElementById("btnLogin").disabled = false; document.getElementById("btnLogin").style.color = "#220000"; document.getElementById("btnLogin").style.fontSize = "22px"; document.getElementById("btnLogin").style.height = "43px"; document.getElementById("btnLogin").style.background = "rgb(135 255 145 / 0.10)"; //alert('验证成功'); //其他业务逻辑 }, error: function () { document.getElementById("btnLogin").disabled = true; //alert('验证失败�?); //其他业务逻辑 } }); </script> <div class="forget-pass"><a href="forget-password.html">忘记密码</a></div> <div class="dbbox dtbj" style="height: 45px; background: rgb(182 255 0 / 0.54)"><input type="submit" style="font-size:25px;color:#8d0000" value="�?�? id="btnLogin" disabled></div> <br /> <div class="dbbox dtbj" style="height: 45px; background: rgb(182 255 0 / 0.54)"><a href="register.html">�?�?/a></div> </div> <div class="error" id="error" style="color:red;"></div> </div> </div> </section> <script> $("#btnLogin").click(function () { var name = $("#userName").val(); var pwd = $("#userPwd").val(); //console.log(name, pwd); $.ajax({ type: "post", // get或者post // Math.random() url: "http://qj.nnmnn.cn/api_login.php", data: { "username": name, "password": pwd, "token": "login" }, //dataType: "json", success: function (data) { if (data == "-1") { document.getElementById("error").innerHTML = "用户不存在！"; alert('用户不存�?); } else if (data == "-2") { document.getElementById("error").innerHTML = "密码错误�?; alert('密码错误'); } else { var da = data.split(','); if (da.length > 0) { setCookie("user_id", da[0], 1); setCookie("user_name", da[1], 1); setCookie("user_nc", encodeURI(da[2]), 1); //document.getElementById("error").innerHTML = "登录成功�? + data + da[0] + da[1] + da[2]; login(); //window.history.back();//跳转页面 } else { document.getElementById("error").innerHTML = "请求失败�?; } } }, error: function () { //document.getElementById("error").innerHTML = "请求出错�?; } }) }); function login() { //alert("ok"+document.cookie.indexOf("user_id")); var t = document.getElementById('login'); var y = document.getElementById('Tclogin'); if (getCookie("user_id") == null || getCookie("user_id") == "") { //setCookie("user_id","ddd",100); y.style.display = "none"; t.style.display = "block"; //t.style.visibility = 'visible'; //y.style.visibility = 'hidden'; } else { document.getElementById("usernc").innerHTML = "用户�? + decodeURI(getCookie("user_nc")); t.style.display = "none"; y.style.display = "block"; } } login(); $("#Tc_Login").click(function () { deleteCookie("user_id"); deleteCookie("user_name"); deleteCookie("user_nc"); window.history.back();//跳转页面 login(); }); $("#TcNoLog").click(function () { window.history.back();//跳转页面 }); </script> </div> </body> </html>