登录页

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>登录页</title> <link rel="stylesheet" href="//cdn.leju.com/consumer/v2/build/css/styles.css"> <script type="text/javascript" src="//res.leju.com/scripts/libs/jquery/v1/jquery.js"></script> <script type="text/javascript" src="//cdn-zb.leju.com/statistics/prod/index.umd.min.js"></script> <script> var deviceType; var appKey; var sdkKey; function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; var bIsAndroid = sUserAgent.match(/android/i) == "android"; var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { deviceType = "touch"; appKey = sdkKey = 'B1EA267245F996D9'; } else { deviceType = "pc"; appKey = sdkKey = '99C71880CF9EBFD3'; } } browserRedirect(); window.pageDetail = { app_key: appKey, sdk_key: sdkKey, bottom_banner_pic:'', bottomlunbo:'', loc_province: '', loc_city: '', cityen: '', citypub: '', comment: '', esfcode: '', uuid: '', uid: '', hid:'', long:'', lat:'', house_ewm:'', im_source:'', images:'', isstand:'', lunbovr_hid:'', newsid:'', pid:'', plat_key: deviceType, platform:'house', rank:'', subcolumn:'', sysucc:'', tid:'', title:'', topcolumn:'', unique_id:'', url:'', vid:'', zbjf_pic:'', }; var new_tongji_config = { page: [ { pageId: 0, //pageId pageUrl: window.location.origin+window.location.pathname, //需要打点的页面 isAuto: 1, //是否全采集 elementType: ['button', 'img', 'a', 'span', 'em', 'h1', 'h2', 'h3', 'h4', 'i'], //采集元素类型 defaultElementType: ['button', 'img', 'a', 'span', 'em', 'h1', 'h2', 'h3', 'h4', 'i'], //默认采集元素类型 customize: [], //自定义id采集 }, ], }; $(function() { setTimeout(function () { window.record.init({ app_id: window.pageDetail.app_key, uid: window.pageDetail.uid, dev: 'pre', config:new_tongji_config, }); }, 1000); }); </script></head> <body> <style charset="UTF-8"> body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, ul, li { margin: 0 } ul, input { padding: 0 } ol, li { margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } fieldset, img { border: 0 } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal } ol, ul { list-style: none } del, ins { text-decoration: none } caption, th { text-align: left } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal } input, button, textarea, select { font-size: 100% } q:before, q:after { content: "" } addr, acronym { border: 0; font-variant: normal } sub, sup { font-size: 75%; line-height: 0; position: relative } sub { top: -0.5em } sup { bottom: -0.25em } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .clearfix { display: inline-block } * html .clearfix { height: 1% } .clearfix { display: block } body { font: 12px/1.5 "Arial", "微软雅黑", "宋体", sans-serif; color: #000; background: #fff } a { color: #000; text-decoration: none } a:active { color: #df1830 } .fb { font-weight: 700 } .fn { font-weight: 400 } .unl { text-decoration: underline } .no_unl { text-decoration: none } .tl { text-align: left } .tc { text-align: center } .tr { text-align: right } .bc { margin-left: auto; margin-right: auto } .fl { float: left; display: inline } .fr { float: right; display: inline } .vm { vertical-align: middle } .vt { vertical-align: top } .pr { position: relative } .pa { position: absolute } .abs-right { position: absolute; right: 0 } .abs-left { position: absolute; left: 0 } .hidden { visibility: hidden } .none { display: none } .z_global_nav_n .user_login .ul_app .app_ly li .code, .z_global_nav_n .user_login .logined .user_icon, .z_global_nav_n .user_login .logined .user_set_ly li a .icon { background: url(//cdn.leju.com/page/house/V2/build/images/1212index_header.png) no-repeat 0 0 } .z_global_nav_n { height: 36px; background-color: #292c33 } .z_global_nav_n a { text-decoration: none } .z_global_nav_n .gn_header { margin: 0 auto; width: 1200px; font-family: "Microsoft Yahei" } .z_global_nav_n .main_nav { float: left } .z_global_nav_n .main_nav a { float: left; padding: 0 16px; height: 36px; line-height: 36px; font-size: 14px; color: #666e80 } .z_global_nav_n .main_nav a.cur { background-color: #f2304a; color: #ffffff } .z_global_nav_n .main_nav a.cur:hover { color: #fff; text-decoration: underline } .z_global_nav_n .main_nav a:hover { color: #fff } .z_global_nav_n .user_login { float: right; font-size: 12px } .z_global_nav_n .user_login .ul_app { float: left; position: relative; margin-right: 1px } .z_global_nav_n .user_login .ul_app .app_link { float: left; padding: 0 9px 0 10px; height: 36px; line-height: 35px; color: #666e80 } .z_global_nav_n .user_login .ul_app .app_link:hover { color: #a3afcc } .z_global_nav_n .user_login .ul_app .app_link:hover .arrow_down { border-top-color: #a3afcc } .z_global_nav_n .user_login .ul_app .app_link:hover .arrow_up { border-bottom-color: #a3afcc } .z_global_nav_n .user_login .ul_app .arrow_down, .z_global_nav_n .user_login .ul_app .arrow_up { margin-left: 6px; display: inline-block; width: 0; height: 0; border-style: solid dashed dashed dashed; border-width: 4px; border-color: #586170 transparent transparent transparent; vertical-align: -2px; *vertical-align: 5px } .z_global_nav_n .user_login .ul_app .arrow_up { border-style: dashed dashed solid dashed; border-color: transparent transparent #586170 transparent; vertical-align: 2px; *vertical-align: 10px } .z_global_nav_n .user_login .ul_app .line { color: #3b404a; margin: 8px 4px 0 0; float: left } .z_global_nav_n .user_login .ul_app .app_ly { position: absolute; top: 36px; right: 8px; *right: -18px; background-color: #fff; z-index: 102; width: 602px; *width: 603px; height: 401px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); overflow: hidden; display: none } .z_global_nav_n .user_login .ul_app .app_ly ul { margin: -1px 0 0 -1px } .z_global_nav_n .user_login .ul_app .app_ly li { float: left; width: 200px; height: 200px; text-align: center; line-height: 23px; border: solid #f3f2f7; border-width: 1px 0 0 1px } .z_global_nav_n .user_login .ul_app .app_ly li .code { display: inline-block; margin-top: 28px; width: 95px; height: 95px } .z_global_nav_n .user_login .ul_app .app_ly li .code1 { background-position: 1px -327px } .z_global_nav_n .user_login .ul_app .app_ly li .code2 { background-position: 0 -431px } .z_global_nav_n .user_login .ul_app .app_ly li .code3 { background-position: 2px -534px } .z_global_nav_n .user_login .ul_app .app_ly li .code4 { background-position: 1px -638px; margin-top: 35px } .z_global_nav_n .user_login .ul_app .app_ly li .code5 { background-position: 1px -742px; margin-top: 35px } .z_global_nav_n .user_login .ul_app .app_ly li .code6 { background-position: 1px -846px; margin-top: 35px } .z_global_nav_n .user_login .ul_app .app_ly li h4 { font-size: 14px; color: #425571; padding-top: 3px } .z_global_nav_n .user_login .ul_app .app_ly li h5 { color: #a9b6ca } .z_global_nav_n .user_login .ul_app.active .app_ly { display: block } .z_global_nav_n .user_login .ul_app.active .app_link { background-color: #fff; position: relative; z-index: 103 } .z_global_nav_n .user_login .ul_app.active .app_link .arrow_up { border-bottom-color: #bcc0c6 } .z_global_nav_n .user_login .ul_login { float: left; color: #3a4049; margin-right: -8px } .z_global_nav_n .user_login .ul_login a { display: inline-block; padding: 0 8px 0 4px; height: 35px; line-height: 35px; color: #666e80; font-size: 12px } .z_global_nav_n .user_login .ul_login a:hover { color: #a3afcc } .z_global_nav_n .user_login .logined { float: left; margin-left: 6px; position: relative; *z-index: 102; line-height: 35px; color: #666e80 } .z_global_nav_n .user_login .logined.active .user { background-color: #fff; position: relative; z-index: 103; color: #666e80 } .z_global_nav_n .user_login .logined.active .user .arrow_up { border-bottom-color: #bcc0c6 } .z_global_nav_n .user_login .logined.active .user_set_ly { display: block } .z_global_nav_n .user_login .logined .user_icon { display: inline-block; width: 10px; height: 12px; background-position: -34px -84px; vertical-align: -2px; margin-right: -2px } .z_global_nav_n .user_login .logined .user { color: #a3afcc; display: inline-block; padding: 0 10px 0 10px; margin: 0 -10px 0 -12px; height: 36px } .z_global_nav_n .user_login .logined .user .arrow { display: inline-block; width: 0; height: 0; vertical-align: middle; margin-left: 6px } .z_global_nav_n .user_login .logined .user .arrow_down { border-style: solid dashed dashed dashed; border-color: #586170 transparent transparent transparent; border-width: 4px } .z_global_nav_n .user_login .logined .user .arrow_up { border-style: dashed dashed solid dashed; border-color: transparent transparent #586170 transparent; border-width: 4px; vertical-align: 3px; *vertical-align: 9px } .z_global_nav_n .user_login .logined .user_set_ly { position: absolute; top: 36px; right: -10px; *right: -26px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); background-color: #ffffff; width: 170px; z-index: 102; padding: 20px 0; display: none } .z_global_nav_n .user_login .logined .user_set_ly li a { display: block; line-height: 40px; font-size: 14px; color: #425571; border-left: 2px solid #ffffff; padding-left: 28px; font-family: "Microsoft Yahei" } .z_global_nav_n .user_login .logined .user_set_ly li a:hover { background-color: #f5f6fa; border-color: #f2304a } .z_global_nav_n .user_login .logined .user_set_ly li a .icon { display: inline-block; width: 13px; height: 12px; margin-right: 13px; vertical-align: -1px; *vertical-align: 1px } .z_global_nav_n .user_login .logined .user_set_ly li a .icon1 { background-position: 0 -130px } .z_global_nav_n .user_login .logined .user_set_ly li a .icon2 { background-position: 0 -171px } .z_global_nav_n .user_login .logined .user_set_ly li a .icon3 { background-position: 0 -210px } .z_global_nav_n .user_login .logined .user_set_ly li a .icon4 { background-position: 0 -250px } .z_global_nav_n .user_login .logined .user_set_ly li a .icon5 { background-position: 0 -290px } </style>  <div class="z_global_nav_n"> <div class="gn_header clearfix"> <div class="main_nav"> <a class="cur" href="http://www.leju.com/#wt_source=bzdh_up_index" title="乐居首页">乐居首页</a> <a id="lj_headHouseNewsLink" href="http://bj.leju.com/news/#wt_source=bzdh_up_xw" title="新闻">新闻</a> <a href="http://house.leju.com/bj/search/#wt_source=bzdh_up_xf" title="新房" id="lj_headHouseLink">新房</a> <a href="http://esf.leju.com/#wt_source=bzdh_up_esf" title="二手房">二手房</a> <a href="http://www.7gz.com/" title="装修">装修</a> <a href="http://jiaju.sina.com.cn/?utm_source=ljbztw&utm_campaign=ljbztw01&utm_term=web" title="家居">家居</a> <a href="http://www.xhwhouse.com/" title="海外置业">海外置业</a> <a href="http://live.leju.com/" id="lj_headHouseLiveLink" title="直播">直播</a> </div> <div class="user_login">  <div class="ul_app" id="appBlock"> <a class="app_link">移动端<span id="lj_HeaderArrow" class="arrow arrow_down"></span></a> <span class="line">|</span>  <div class="app_ly" id="appBlockPop"> <ul> <li> <span class="code code1"></span> <h4>乐居买房APP</h4> <h5>专车看房优惠买房</h5> </li> <li> <span class="code code2"></span> <h4>乐居二手房APP</h4> <h5>最新房源抢先看</h5> </li> <li> <span class="code code3"></span> <h4>家居</h4> <h5>新浪装修家居网</h5> </li> <li> <span class="code code4"></span> <h4>抢工长装修APP</h4> </li> <li> <span class="code code5"></span> <h4>抢工长工长版APP</h4> </li> <li> <span class="code code6"></span> <h4>装修不后悔APP</h4> </li> </ul> </div> </div> <div class="ul_login" id="userlogin"> <a href="//my.leju.com/web/sso/loginView/" title="登录"><span>登录</span></a>| <a href="//my.leju.com/settings/register/indexView/" title="注册">注册</a> </div> <div class="logined none" id="userinfo"> <i class="user_icon"></i> 你好， <a href="#" class="user" id="username">乐居用户<i id="lj_loginArrow" class="arrow arrow_down"></i></a> <ul class="user_set_ly" id="userinfoPop"> <li> <a href="https://my.leju.com/settings/index/index"><i class="icon icon1"></i>账号设置</a> </li> <li> <a href="http://f.leju.com/account/index"><i class="icon icon2"></i>成为91会员</a> </li> <li> <a href="http://my.leju.com/center/house/index/"><i class="icon icon3"></i>已关注的楼盘</a> </li> <li> <a href="http://my.leju.com/center/index/mynews"><i class="icon icon4"></i>我的收藏</a> </li> <li> <a id="userlogout" href="javascript:void(0)"><i class="icon icon5"></i>退出</a> </li> </ul> </div> </div> </div> </div>  <script type="text/javascript" src="//cdn.leju.com/sso/sso;page_publicSource/js/view/lejuHeader.v2.js"></script> <div class="sHeadBox"> <div class="sWrap"> <h1 class="logo">乐居</h1> <span class="line"></span> <span class="colName">用户中心</span> </div> </div> <style> .sLoginCon .protocol { height: 14px; line-height: 14px; font-size: 14px; color: #999; margin-bottom: 10px } .sLoginCon .protocol a { color: #316abf } .sLoginCon .protocol input { vertical-align: middle; margin: 0 6px 0 0 } .sLoginCon .zhdl_login { height: unset; } .sLoginCon .protocol { height: 14px; line-height: 14px; font-size: 14px; color: #999; } .sLoginCon .protocol a { color: #316abf } .sLoginCon .protocol input { vertical-align: middle; margin: 0 6px 0 0 } .sLoginCon .zhdl_login { height: unset; } .sLoginCon .protocol { height: 14px; line-height: 14px; font-size: 14px; color: #999; margin-bottom: 10px } .sLoginCon .protocol a { color: #316abf } .sLoginCon .protocol input { vertical-align: middle; margin: 0 6px 0 0 } .sLoginCon .zhdl_login { height: unset; } .sLoginCon .Loginlist .tip2 .autoLogin input{ margin: 0 6px 0 0; } .sLoginConBox .sLoginConBoxIn{ height: unset; } </style> <div class="sLoginBox"> <div class="sWrap clearfix"> <div class="imgBox1"></div> <div class="sLoginConBox"> <div class="sLoginConBoxIn"> <div class="sLoginCon"> <ul class="loginTab clearfix"> <li id="restartlogin" class="cur"><a href="javascript:;" data-target="phoneLogin">短信快捷登录</a></li> <li class="numLogin"><a href="javascript:;" data-target="accoutLogin">账号登录</a></li> </ul> <div class="Loginlist zhdl_login phoneLogin"> <form action="/web/sso/ssoLogin" method="POST" autocomplete="off" name="msgForm"> <ul class="inputList"> <li> <div class="inputBox"> <i class="i01"></i> <input class="loginText numText placeholder" type="text" placeholder="请输入手机号码" data-rule="isPhone,mobileError" value=""> <i class="error" style="display:none"></i> </div> <em class="mobileError"></em> </li> <li class="imgCheck dynamicImg"> <div class="clearfix"> <div class="inputBox short"> <i class="i02"></i> <input class="loginText dyzText placeholder"type="text" placeholder="验证码" data-rule="yzNotnull,dyzError"> <i class="right" style="display:none;"></i> </div> <a href="javascript:;"><img id="checkDyz" onclick="changing(this);" class="yz_num" src="/Settings/Findpwd/chengCode"></a> </div> <em class="dyzError"></em> </li> <li> <div class="clearfix"> <div class="inputBox short"> <i class="i02"></i> <input class="loginText codeText placeholder" type="text" placeholder="动态密码"> <i class="error" style="display:none;"></i> </div> <a class="num" href="javascript:;">获取动态密码</a> <a class="num again none" href="javascript:;">重新发送 58</a> </div> <em class="trendError protocolPhoneError"></em> </li> </ul> <p class="protocol"><input class="J_protocol_phone" type="checkbox" checked="checked">阅读并接受<a href="/Web/sso/protocol" target="_blank">《乐居用户服务协议》</a></p> <div class="sBtnBox3"> <a class="sBtn03" href="javascript:;" data-fn="messageBtn">登录</a> <input type="hidden" name="key" value="YjA2Yzk0MDhiWGt1YkdWcWRTNWpiMjA9YjA0YQ==" class="setKey" /> <input type="hidden" name="mobile" value="" class="setMobile" /> <input type="hidden" name="code" value="" class="setCode" /> <input type="hidden" name="imageCode" value="" class="dynamicYzm"/> <input type="hidden" name="originUrl" class="setUrl" value="//my.leju.com/web/center/index" /> <input type="hidden" name="track_id" value="0" class="track_id"/> <input type="hidden" name="ad_source" value="0"/> <input type="hidden" name="oc_source" value="0"/> </div> </form> <p class="tip1">验证即登录，未注册将自动创建乐居通行证帐号</p> </div> <div class="Loginlist dxkj_login accoutLogin dxkj_login none" style="height: unset;"> <form action="/web/sso/ssoLogin" method="POST" autocomplete="off" name="accountForm"> <ul class="inputList"> <li> <div class="inputBox"> <i class="i04"></i> <input class="mailText placeholder" type="text" placeholder="手机号码或邮箱" data-rule="isDm,dmError"> <i class="error" style="display:none" value=""></i> </div> <em class="dmError"></em> </li> <li> <div class="inputBox"> <i class="i02"></i> <input class="loginText passText" type="password" placeholder="请输入登录密码" data-rule="passNotnull,passwordError"> <i class="error" style="display:none;"></i> </div> <em class="passwordError protocolAccountError"></em> </li> <li class="imgCheck accountImg" style="display:none;"> <div class="clearfix"> <div class="inputBox short"> <i class="i02"></i> <input class="loginText ayzText placeholder"type="text" placeholder="验证码" data-rule="yzNotnull,ayzError"> <i class="right" style="display:none;"></i> </div> <a href="javascript:;"><img id="checkAyz" onclick="changing(this);" class="yz_num" src="/Settings/Findpwd/chengCode"></a> </div> <em class="ayzError protocolAccountError1"></em> </li> </ul> <p class="protocol" style="margin-bottom:unset;"><input class="J_protocol_account" type="checkbox" checked="checked">阅读并接受<a href="/Web/sso/protocol" target="_blank">《乐居用户服务协议》</a></p> <div class="tip2"> <span class="autoLogin"><input type="checkbox" checked>下次自动登录</span> <span class="forget"><a href="/Settings/findPwd/index">忘记密码？</a></span> </div> <div class="sBtnBox3"> <a class="sBtn03" href="javascript:;" data-fn="accountBtn">登录</a> <input type="hidden" name="key" value="YjA2Yzk0MDhiWGt1YkdWcWRTNWpiMjA9YjA0YQ==" class="setKey" /> <input type="hidden" name="mobile" value="" class="setMail" /> <input type="hidden" name="password" value="" class="setWord" /> <input type="hidden" name="imageCode" value="" class="accountYzm" disabled="disabled" /> <input type="hidden" name="originUrl" class="setUrl" value="//my.leju.com/web/center/index" /> <input type="hidden" name="track_id" value="0" class="track_id"/> <input type="hidden" name="ad_source" value="0"/> <input type="hidden" name="oc_source" value="0"/> </div> </form> </div> <div class="otherLogin" style="margin-top: unset;"> 你也可以用以下方式登录： <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx5ddf9de8a90a40b9&redirect_uri=https%3A%2F%2Fmy.leju.com%2FWeb%2FCallback%2FcallbackAdd%3Fkey%3DYjA2Yzk0MDhiWGt1YkdWcWRTNWpiMjA9YjA0YQ%3D%3D%26originUrl%3D%252F%252Fmy.leju.com%252Fsettings%252Fbindmobile%252FthirdBindView&response_type=code&scope=snsapi_login&state=NTdiNjcxYzNNem94TnpNeU5UUXhNemc0YWVmNw==#wechat_redirect" class="wx"><span>微信登录</span></a> <a href="https://api.weibo.com/oauth2/authorize?response_type=code&client_id=1682292631&redirect_uri=https%3A%2F%2Fmy.leju.com%2FWeb%2FCallback%2FcallbackAdd%3Fkey%3DYjA2Yzk0MDhiWGt1YkdWcWRTNWpiMjA9YjA0YQ%3D%3D%26originUrl%3D%252F%252Fmy.leju.com%252Fsettings%252Fbindmobile%252FthirdBindView&state=YmZhNzhjY2RNam94TnpNeU5UUXhNemc0Mjk4NA==&scope=all" class="wb"><span>微博登录</span></a> <a href="https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=101268452&redirect_uri=http%3A%2F%2Fmy.leju.com%2FWeb%2FCallback%2FcallbackAdd%3Fkey%3DYjA2Yzk0MDhiWGt1YkdWcWRTNWpiMjA9YjA0YQ%3D%3D%26originUrl%3D%252F%252Fmy.leju.com%252Fsettings%252Fbindmobile%252FthirdBindView&state=OGE4Y2E1MmZNVG94TnpNeU5UUXhNemc0YjVkYw==" class="qq"><span>QQ登录</span></a> </div> <div class="notice"> <i></i>公告：原新浪通行证登录用户请使用新浪微博方式登录 </div> </div> <a class="registerBtn" href="//my.leju.com/settings/register/indexView?track_id=0&ad_source=0&oc_source=0"><span>注册</span></a> </div> </div> </div> </div> <div class="sGuidePage none"></div> <div class="guideImg none"><a href="javascript:;" class="closeGuide">关闭</a></div> <div class="sFooter"> <div class="sWrap"> <p>Copyright © 1996-2014 SINA Corporation, All Rights Reserved</p> <p>乐居房产、家居产品用户服务、产品咨询购买、技术支持客服服务热线：400-606-6969</p> </div> </div> <script type='text/javascript' src='//cdn.leju.com/consumer/Core/index;consumer/Core/base64;consumer/Core/md5.js?r'></script> <script src='//res.leju.com/assets/app/cdn/consumer/v1/pcLogin.js?r=16004232000'></script> <script> function changing(event){ event.src="/Settings/Findpwd/chengCode?"+Math.random(); } </script> <script type="text/javascript"> var city = 'bj'; //city_en（无则传quanguo） var level1_page = 'pcenter'; var level2_page = 'login'; var level3_page = ''; var custom_id = ''; var news_source=''; </script> <script type="text/javascript" src="//cdn.leju.com/lejuTj/gather.pc.source.js"></script> </body> </html>

CINXE.COM

登录页