portal html css js resource

loginNew.html 4.0KB

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>科袖网-搭建企业与专家的桥梁</title> <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"> <link type="text/css" rel="stylesheet" href="css/reset.css"> <link type="text/css" rel="stylesheet" href="css/common.css"> <link type="text/css" rel="stylesheet" href="css/genindex.css"> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> </head> <body class="covbodyBg"> <div class="containerCon"> <a href="index.html" class="headlogo signLogo"></a> </div> <!--中间--> <div id="container"> <div class="containerCon contConP"> <div class="covFrmblock"> <form class="cmpAllFrm"> <p class="h1Font alignCenter mainColor">登录科袖</p> <ul class="loginWaySort"> <li class="col-w-4 liactive">密码登录</li> <li class="col-w-4">短信登录</li> <li class="col-w-4">邀请码登录</li> </ul> <div class="waysBlock"> <div class="loginWays"> <!--密码登录--> <ul class="cmpAllUl cmpCoverUl"> <li> <input type="text" class="frmtype frmtypeW" placeholder="请输入手机或邮箱"/> <div class="frmmsg msgLog1"><span></span></div> </li> <li> <input type="password" class="frmtype frmtypeW" placeholder="请输入密码"/> <div class="frmmsg msgLog2"><span></span></div> </li> <li> <button type="button" class="frmtype frmtypeW btnModel save-block headRadius">登录</button> </li> </ul> <!--短信登录--> <ul class="cmpAllUl cmpCoverUl displayNone"> <li> <input type="phone" class="frmtype frmtypeW" placeholder="请输入手机号码"/> <div class="frmmsg msgLog1"><span></span></div> </li> <li> <div class="col-w-8"> <input type="tel" class="frmtype frmtypeW" style="width: 98%;" placeholder="请输入短信验证码" id="companysc"/> <div class="frmmsg msgCmp03"><span></span></div> </div> <div class="col-w-4"> <button type="button" disabled class="frmtype frmtypeW btnModel headRadius" id="getcode">获取验证码</button> </div> </li> <li> <button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius">登录</button> </li> </ul> <!--邀请码登录--> <ul class="cmpAllUl cmpCoverUl displayNone"> <li> <input type="text" class="frmtype frmtypeW" placeholder="请输入手机或邮箱"/> <div class="frmmsg msgLog1"><span></span></div> </li> <li> <input type="text" class="frmtype frmtypeW" placeholder="请输入邀请码"/> <div class="frmmsg msgLog2"><span></span></div> </li> <li> <button type="button" disabled class="frmtype frmtypeW btnModel save-block headRadius">登录</button> </li> </ul> </div> <div class="clearfix" style="margin-top:-15px;"> <a href="pwdFindNew.html" class="fontLink floatL">忘记密码?</a> <span class="floatR" style="color:#999">没有账号?<a href="registerNew.html" class="fontLink">立即注册</a></span> </div> </div> </form> </div> </div> </div> <script type="text/javascript"src="js/jquery.cookie.js"></script> <script type="text/javascript"src="js/jquery.similar.msgbox.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript"> $(".loginWaySort").on("click","li",function(){ $(this).addClass("liactive").siblings().removeClass("liactive"); $(".loginWays ul").eq($(this).index()).removeClass("displayNone").siblings().addClass("displayNone"); }) </script> </body> </html>