网站前端开发_前端开发者丨前端资源 https://www.rokub.com html 代码 <!doctype html><br /><br /> <html lang=”en”><br /><br /> <head><br /><br /> <meta charset=”UTF-8″ /><br /><br /> <title></title><br /><br /> <link rel=”stylesheet” type=”text/css” href=”css/login.css” /><br /><br /> <style type=”text/css”><br /><br /> @charset “UTF-8″;<br /><br /> html{overflow-y:hidden;}<br /><br /> body{margin:0;height:100%;}<br /><br /> a:active,a:hover{outline:0}<br /><br /> button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}<br /><br /> button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}<br /><br /> input,select,button{outline:none;}<br /><br /> table{border-collapse:collapse;border-spacing:0}<br /><br /> td,th{padding:0}<br /><br /> img{vertical-align:middle;border:0}<br /><br /> @-ms-viewport{width:device-width}<br /><br /> html{font-size:50px;-webkit-tap-highlight-color:transparent;height:100%;min-width:320px;overflow-x:hidden}<br /><br /> body{font-family:”Microsoft YaHei”;font-size:.28em;line-height:1;color:#333;background-color:white;}<br /><br /> .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.1}<br /><br /> .h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1}<br /><br /> .h1,.h2,.h3,h1,h2,h3{margin-top:.28rem;margin-bottom:.14rem}<br /><br /> .h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}<br /><br /> .h4,.h5,.h6,h4,h5,h6{margin-top:.14rem;margin-bottom:.14rem}<br /><br /> .h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}<br /><br /> .h1,h1{font-size:.364rem}<br /><br /> .h2,h2{font-size:.2996rem}<br /><br /> .h3,h3{font-size:.238rem}<br /><br /> .h4,h4{font-size:.175rem}<br /><br /> .h5,h5{font-size:.14rem}<br /><br /> .h6,h6{font-size:.119rem}<br /><br /> h6{margin-top:0;margin-bottom:0}<br /><br /> button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}<br /><br /> a{color:#06c1ae;text-decoration:none;outline:0}<br /><br /> a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}<br /><br /> a.react,label.react{display:block;color:inherit;height:100%}<br /><br /> a.react.react-active,a.react:active,label.react:active{background:rgba(0,0,0,.1)}<br /><br /> ul{margin:0;padding:0;list-style-type:none}<br /><br /> hr{margin-top:.28rem;margin-bottom:.28rem;border:0;border-top:1px solid #DDD8CE}<br /><br /> h6,p{line-height:1.41;text-align:justify;margin:-.2em 0;word-break:break-all}<br /><br /> small,weak{color:#666}<br /><br /> ::-webkit-input-placeholder {color:#999;line-height:inherit;}<br /><br /> :-moz-placeholder {color:#999;line-height:inherit;}<br /><br /> ::-moz-placeholder {color:#999;line-height:inherit;}</p><br /> <p>/*other public*/<br /><br /> .iconfont{font-family:’adminthemesregular’;}<br /><br /> .add_icon:before{content:”a”;margin:0 5px;font-family:’adminthemesregular’;}<br /><br /> .money_icon:before{content:”$”;margin:0 5px;font-family:’adminthemesregular’;font-size:20px;}<br /><br /> .rmb_icon{color:#19a97b;}<br /><br /> .rmb_icon:before{content:”¥”;margin-right:2px;}<br /><br /> .ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}<br /><br /> .center{text-align:center;}<br /><br /> .fl{float:left;}<br /><br /> .fr{float:right;}<br /><br /> .mtb{margin:5px 0;overflow:hidden;}<br /><br /> .mlr{margin:0 5px;overflow:hidden;}<br /><br /> .admin_login{width:300px;height:auto;overflow:hidden;margin:10% auto 0 auto;padding:40px;box-shadow:0 -15px 30px #0d957a;border-radius:5px;}<br /><br /> .admin_login dt{font-size:20px;font-weight:bold;text-align:center;color:#45bda6;text-shadow:0 0 1px #0e947a;margin-bottom:15px;}<br /><br /> .admin_login dt strong{display:block;}<br /><br /> .admin_login dt em{display:block;font-size:12px;margin-top:8px;}<br /><br /> .admin_login dd{margin:5px 0;height:42px;overflow:hidden;position:relative;}<br /><br /> .admin_login dd .login_txtbx{font-size:14px;height:26px;line-height:26px;padding:8px 5%;width:90%;text-indent:2em;border:none;background:#5cbdaa;color:white;}<br /><br /> .admin_login dd .login_txtbx::-webkit-input-placeholder {color:#f4f4f4;line-height:inherit;}<br /><br /> .admin_login dd .login_txtbx:-moz-placeholder {color:#f4f4f4;line-height:inherit;}<br /><br /> .admin_login dd .login_txtbx::-moz-placeholder {color:#f4f4f4;line-height:inherit;}<br /><br /> .admin_login dd .login_txtbx:focus{background:#55b7a4;}<br /><br /> .admin_login dd:before{font-family:’adminthemesregular’;position:absolute;top:0;left:10px;height:42px;line-height:42px;font-size:20px;color:#0c9076;}<br /><br /> .admin_login dd.user_icon:before{content:”u”;}<br /><br /> .admin_login dd.pwd_icon:before{content:”p”;}<br /><br /> .admin_login dd.val_icon:before{content:”n”;}<br /><br /> .admin_login dd .ver_btn{text-align:right;border:none;color:#f4f4f4;height:42px;line-height:42px;margin:0;z-index:1;position:relative;float:right;background:#48bca5;}<br /><br /> .admin_login dd .checkcode{float:left;width:182px;height:42px;background:#fff}<br /><br /> .admin_login dd .checkcode input{width:120px;height:36px;line-height:36px;padding:3px;color:white;outline:none;border:none;text-indent:2.8em;}<br /><br /> .admin_login dd .checkcode canvas{width:85px;height:36px;padding:3px;z-index:0;background:#5cbdaa;}<br /><br /> .admin_login dd .submit_btn{width:100%;height:42px;border:none;font-size:16px;background:#048f74;color:#f8f8f8;}<br /><br /> .admin_login dd .submit_btn:hover{background:#0c9076;color:#f4f4f4;}<br /><br /> .admin_login dd p{color:#53c6b0;font-size:12px;text-align:center;margin:5px 0;}</p><br /> <p>/*header*/<br /><br /> header{background:#19a97b;overflow:hidden;}<br /><br /> header h1{margin:0;float:left;margin-left:1%;}<br /><br /> header h1 img{width:auto;max-width:300px;height:70px;}<br /><br /> header .rt_nav{float:right;overflow:hidden;margin-right:3%;margin-top:12px;}<br /><br /> header .rt_nav li{float:left;padding:0 25px;text-align:center;border-right:1px #139667 solid;}<br /><br /> header .rt_nav li:last-child{border:none;}<br /><br /> header .rt_nav li a{color:white;font-size:12px;text-shadow:0 0 1px #20af83;display:block;}<br /><br /> header .rt_nav li a:hover{color:#f4f4f4;}<br /><br /> header .rt_nav li a:hover:before{color:#f4f4f4;}<br /><br /> header .rt_nav li a:before{font-family:’adminthemesregular’;color:white;font-size:30px;display:block;}<br /><br /> header .rt_nav li .website_icon:before{content:”I”;}<br /><br /> header .rt_nav li .admin_icon:before{content:”U”;}<br /><br /> header .rt_nav li .clear_icon:before{content:”C”;}<br /><br /> header .rt_nav li .set_icon:before{content:”S”;}<br /><br /> header .rt_nav li .quit_icon:before{content:”Q”;}<br /><br /> /*aside nav*/<br /><br /> .lt_aside_nav{width:210px;height:100%;position:absolute;top:70px;left:0;background:#fcfcfc;}<br /><br /> .lt_aside_nav h2{text-align:center;border-bottom:1px #b6b6b6 solid;margin:0;height:45px;line-height:45px;background:#efefef;}<br /><br /> .lt_aside_nav h2 a{display:block;color:#333333;font-size:14px;text-shadow:0 0 2px white;}<br /><br /> .lt_aside_nav ul{margin-bottom:75px;}<br /><br /> .lt_aside_nav dl{margin:0;}<br /><br /> .lt_aside_nav dl dt{font-weight:bold;height:45px;line-height:45px;border-bottom:1px #e9e9e9 solid;padding:0 15px;position:relative;}<br /><br /> .lt_aside_nav dl dt:before{position:absolute;width:5px;height:25px;background:#67c1a5;content:””;top:10px;left:0;}<br /><br /> .lt_aside_nav dl dd{margin:0;height:40px;line-height:40px;border-bottom:1px #e9e9e9 dotted;}<br /><br /> .lt_aside_nav dl dd a{display:block;color:#555555;padding:0 15px;}<br /><br /> .lt_aside_nav dl dd a:hover{background:#f8f8f8;text-shadow:0 1px 5px #f4f4f4;color:#19a97b;}<br /><br /> .lt_aside_nav dl dd .active{background:#f8f8f8;color:#19a97b;}<br /><br /> .lt_aside_nav dl dd .active:after{content:”>”;font-family:’adminthemesregular’;position:absolute;right:3%;color:#19a97b;}<br /><br /> .lt_aside_nav .btm_infor{height:35px;line-height:35px;width:100%;background:#efefef;border-top:1px #b6b6b6 solid;text-align:center;color:#aaa;}<br /><br /> /*public:rtContent*/<br /><br /> .rt_wrap{margin-left:218px;margin-right:10px;height:100%;position:relative;}<br /><br /> .rt_content{margin-bottom:80px;margin-right:8px;overflow:hidden;}<br /><br /> .textWhite{color:white;}<br /><br /> .link_btn{border:1px #139667 solid;border-radius:2px;background:#19a97b;color:white;padding:8px 15px;display:inline-block;cursor:pointer;}<br /><br /> .link_btn:hover{background:#11a274;border:1px #0e8f61 solid;}<br /><br /> .link_btn:active{background:#0c9c6e;border:1px #0e8f61 solid;}<br /><br /> .textbox{border:1px #139667 solid;height:26px;line-height:26px;padding:5px;font-size:12px; vertical-align:middle;}<br /><br /> .textbox_295{width:295px;}<br /><br /> .textbox_225{width:225px;}<br /><br /> .select{padding:0 5px;height:38px;font-size:12px;border:1px #139667 solid;vertical-align:middle; appearance: button;-webkit-appearance:button;}<br /><br /> .group_btn{border:1px #139667 solid;background:#19a97b;color:white;padding:0 15px;height:38px;cursor:pointer;display:inline-block;vertical-align:middle;}<br /><br /> .group_btn:hover{background:#11a274;border:1px #0e8f61 solid;}<br /><br /> .group_btn:active{background:#0c9c6e;border:1px #0e8f61 solid;}<br /><br /> .page_title{height:40px;line-height:40px;border-bottom:1px #b6b6b6 solid;margin:10px 0;}<br /><br /> .page_title h2{font-size:15px;font-weight:bold;}<br /><br /> .page_title .top_rt_btn{display:inline-block;height:30px;line-height:30px;padding:0 15px;border:1px #d2d2d2 solid;background:#f8f8f8;color:#19a97b; vertical-align:middle;cursor:pointer;}<br /><br /> .table{width:100%;table-layout:fixed;margin:5px 0;}<br /><br /> .table th{border:1px #d2d2d2 solid;height:40px;line-height:40px;}<br /><br /> .table td{border:1px #d2d2d2 solid;padding:10px 8px;position:relative;}<br /><br /> .table td p{margin:5px 0;line-height:1.3;}<br /><br /> .table td mark{color:red;line-height:1.3;}<br /><br /> .table tr:nth-child(odd){background:#f8f8f8;}<br /><br /> .table tr:hover{background:#f9f9f9;}<br /><br /> .table td a{color:#19a97b;margin:0 5px;cursor:pointer;}<br /><br /> .table td .full_link_td{display:block;width:100%;height:100%;border:none;outline:none;position:absolute;top:0;left:0;text-align:center;margin:0;font-size:20px;font-weight:bold;}<br /><br /> .table td .full_link_td:hover{background:#f4f4f4;color:#019163;}<br /><br /> .table td .inner_btn{background:#F9F;color:white;padding:5px 8px;border-radius:2px;}<br /><br /> .table td .inner_btn:hover{background:#ffa4ff;color:#f8f8f8;}<br /><br /> .table td .cut_title{width:265px;}<br /><br /> .table td .link_icon{font-size:24px;font-family:’adminthemesregular’;color:#19a97b;}<br /><br /> .table td .link_icon:hover{color:#019163;}<br /><br /> .paging{margin:8px 0;overflow:hidden;text-align:right;}<br /><br /> .paging a{background:#19a97b;border:1px #139667 solid;color:white;padding:5px 8px;display:inline-block;cursor:pointer;}<br /><br /> .paging a:hover{background:#11a274;border:1px #0e8f61 solid;}<br /><br /> .paging a:active{background:#17a578;border:1px #0e8f61 solid;}<br /><br /> .single_selection{color:#333;padding:6px 8px;display:inline-block;vertical-align:middle;}<br /><br /> .single_selection input{margin-right:3px;vertical-align:middle;}<br /><br /> .errorTips{color:red;margin:0 8px;}<br /><br /> .errorTips:before{content:”x”;font-family:’adminthemesregular’;margin-right:3px;font-size:16px;}<br /><br /> .textarea{display:inline-block;margin-top:5px;outline:none;resize:none;border:1px #139667 solid;padding:8px;}<br /><br /> .uploadImg{display:inline-block;padding:15px;background:#f8f8f8;position:relative;border:1px #139667 solid;}<br /><br /> .uploadImg input{display:none;}<br /><br /> .uploadImg span{display:block;font-size:12px;text-align:center;color:#139667;}<br /><br /> .uploadImg span:hover{color:#209f71;}<br /><br /> .uploadImg span:before{content:”#”;font-family:’adminthemesregular’;display:block;font-size:40px;}<br /><br /> .ulColumn2{overflow:hidden;}<br /><br /> .ulColumn2 li{margin:15px 0;}<br /><br /> .ulColumn2 li .item_name{text-align:right;display:inline-block;}<br /><br /> /*TAB*/<br /><br /> .admin_tab{background:#f8f8f8;overflow:hidden;border:1px #d2d2d2 solid;margin-bottom:8px;}<br /><br /> .admin_tab li{float:left;height:40px;line-height:40px;border-right:1px #f2f2f2 solid;}<br /><br /> .admin_tab li:last-child{border:none;}<br /><br /> .admin_tab li a{display:block;padding:0 20px;color:grey;font-size:12px;cursor:pointer;}<br /><br /> .admin_tab li a.active{background:white;font-weight:bold;border-top:1px #19a97b solid;color:#19a97b;}<br /><br /> .admin_tab_cont{display:none;margin:5px 0;overflow:hidden;}<br /><br /> .cont_col_lt{width:300px;overflow:hidden;float:left;}<br /><br /> .cont_col_rt{margin-left:315px;overflow:hidden;}<br /><br /> /*pop*/<br /><br /> .pop_bg{display:none;background:rgba(0,0,0,.35);width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;}<br /><br /> .pop_cont{background:white;min-width:300px;height:auto;overflow:hidden;position:absolute;top:20%;left:50%;margin-left:-150px;border-radius:5px 5px 0 0;}<br /><br /> .pop_cont h3{height:40px;line-height:40px;background:#19a97b;color:white;font-size:14px;font-weight:bold;margin:0;padding:0 1em;}<br /><br /> .pop_cont h3:before{content:”*”;font-family:’adminthemesregular’;margin-right:2px;font-size:20px;font-weight:normal;}<br /><br /> .pop_cont .pop_cont_text{padding:10px;line-height:1.3;color:grey;}<br /><br /> .pop_cont .pop_cont_input{padding:10px;text-align:center;}<br /><br /> .pop_cont .pop_cont_input li{margin:5px 0;text-align:left;overflow:hidden;}<br /><br /> .pop_cont .pop_cont_input li .ttl{display:inline-block;}<br /><br /> .pop_cont .pop_cont_input li .textbox{border:1px #d2d2d2 solid;width:200px;display:inline-block;}<br /><br /> .pop_cont .pop_cont_input li .select{border:1px #d2d2d2 solid;}<br /><br /> .pop_cont .pop_cont_input li .textarea{border:1px #d2d2d2 solid;}<br /><br /> .pop_cont .btm_btn{padding:10px 0;text-align:center;}<br /><br /> .pop_cont .btm_btn .input_btn{display:inline-block;height:35px;border:none;background:none;padding:0 20px;}<br /><br /> .pop_cont .btm_btn .trueBtn{background:#19a97b;color:white;border:1px #19a97b solid;border-radius:2px;}<br /><br /> .pop_cont .btm_btn .trueBtn:hover{background:#13a174;border-radius:0;border:1px #13a174 solid;}<br /><br /> .pop_cont .btm_btn .falseBtn{background:#fafafa;color:grey;border:1px #d2d2d2 solid;border-radius:2px;}<br /><br /> .pop_cont .btm_btn .falseBtn:hover,.pop_cont .btm_btn .input_btn_02:active{background:#f0f0f0;border-radius:0;color:#818181;text-shadow:0 1px 1px white;}<br /><br /> /*loading*/<br /><br /> .loading_area{display:none;background:rgba(255,255,255,.85);position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;z-index:999;}<br /><br /> .loading_cont{overflow:hidden;margin-top:20%;}<br /><br /> @-webkit-keyframes loading_icon{0%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}<br /><br /> 50%{transform:scaleY(.4);-moz-transform:scaleY(.4);-webkit-transform:scaleY(.4)}<br /><br /> 100%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}<br /><br /> }<br /><br /> @-moz-keyframes loading_icon{0%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}<br /><br /> 50%{transform:scaleY(.4);-moz-transform:scaleY(.4);-webkit-transform:scaleY(.4)}<br /><br /> 100%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}<br /><br /> }<br /><br /> .loading_icon i{display:inline-block;width:4px;height:20px;border-radius:2px;background:#19a97b;margin:0 2px}<br /><br /> .loading_icon i:nth-child(1){-webkit-animation:loading_icon 1s ease-in .1s infinite;-moz-animation:loading_icon 1s ease-in .1s infinite;animation:loading_icon 1s ease-in .1s infinite}<br /><br /> .loading_icon i:nth-child(2){-webkit-animation:loading_icon 1s ease-in .2s infinite;-moz-animation:loading_icon 1s ease-in .2s infinite;animation:loading_icon 1s ease-in .2s infinite}<br /><br /> .loading_icon i:nth-child(3){-webkit-animation:loading_icon 1s ease-in .3s infinite;-moz-animation:loading_icon 1s ease-in .3s infinite;animation:loading_icon 1s ease-in .3s infinite}<br /><br /> .loading_icon i:nth-child(4){-webkit-animation:loading_icon 1s ease-in .4s infinite;-moz-animation:loading_icon 1s ease-in .4s infinite;animation:loading_icon 1s ease-in .4s infinite}<br /><br /> .loading_icon i:nth-child(5){-webkit-animation:loading_icon 1s ease-in .5s infinite;-moz-animation:loading_icon 1s ease-in .5s infinite;animation:loading_icon 1s ease-in .5s infinite}<br /><br /> .loading_txt mark{background:none;font-size:12px;color:red;}<br /><br /> /*statistic*/<br /><br /> .dataStatistic{width:700px;height:400px;border:1px solid #ccc;margin:0 auto;margin-top:100px;overflow:hidden}</p><br /> <p>#cylindrical{width:700px;height:400px;margin-top:-15px}</p><br /> <p>#line{width:700px;height:400px;margin-top:-15px}</p><br /> <p>#pie{width:700px;height:400px;margin-top:-15px}<br /><br /> body {<br /><br /> height: 100%;<br /><br /> background: #16a085;<br /><br /> overflow: hidden;<br /><br /> }</p><br /> <p>canvas {<br /><br /> z-index: -1;<br /><br /> position: absolute;<br /><br /> }<br /><br /> .wrap {<br /><br /> padding: 40px;<br /><br /> }<br /><br /> /*登录*/<br /><br /> .login{<br /><br /> display: block;<br /><br /> }<br /><br /> .form {<br /><br /> width: 300px;<br /><br /> height: auto;<br /><br /> overflow: hidden;<br /><br /> margin: 10% auto 0 auto;<br /><br /> padding: 40px;<br /><br /> box-shadow: 0 -15px 30px #0d957a;<br /><br /> border-radius: 5px;<br /><br /> }</p><br /> <p>.form input {<br /><br /> font-family: “Roboto”, sans-serif;<br /><br /> outline: 0;<br /><br /> border: 0;<br /><br /> margin: 0 0 15px;<br /><br /> padding: 15px;<br /><br /> box-sizing: border-box;<br /><br /> font-size: 14px;<br /><br /> width: 100%;<br /><br /> }</p><br /> <p>.form button {<br /><br /> font-family: “Microsoft YaHei”, “Roboto”, sans-serif;<br /><br /> text-transform: uppercase;<br /><br /> outline: 0;<br /><br /> background: #4CAF50;<br /><br /> width: 100%;<br /><br /> border: 0;<br /><br /> padding: 15px;<br /><br /> color: #FFFFFF;<br /><br /> font-size: 14px;<br /><br /> -webkit-transition: all 0.3 ease;<br /><br /> transition: all 0.3 ease;<br /><br /> cursor: pointer;<br /><br /> }</p><br /> <p>.form button:hover,<br /><br /> .form button:active,<br /><br /> .form button:focus {<br /><br /> background: #43A047;<br /><br /> }<br /><br /> .login_bottom{<br /><br /> margin-top: 20px;<br /><br /> overflow: hidden;<br /><br /> }<br /><br /> .login_bottom_left{<br /><br /> float: left;<br /><br /> cursor:pointer;<br /><br /> }<br /><br /> .login_bottom_left:hover{<br /><br /> color: #004785;<br /><br /> }<br /><br /> .login_bottom_right{<br /><br /> float: right;<br /><br /> color: #004785;<br /><br /> cursor:pointer;<br /><br /> }<br /><br /> /*注册*/<br /><br /> .register{<br /><br /> display: none;<br /><br /> }<br /><br /> .form2 {<br /><br /> width: 300px;<br /><br /> height: auto;<br /><br /> overflow: hidden;<br /><br /> margin: 10% auto 0 auto;<br /><br /> padding: 40px;<br /><br /> box-shadow: 0 -15px 30px #0d957a;<br /><br /> border-radius: 5px;<br /><br /> }</p><br /> <p>.register_phone,.register_passw {<br /><br /> font-family: “Roboto”, sans-serif;<br /><br /> outline: 0;<br /><br /> border: 0;<br /><br /> margin: 0 0 15px;<br /><br /> padding: 15px;<br /><br /> box-sizing: border-box;<br /><br /> font-size: 14px;<br /><br /> width: 100%;<br /><br /> overflow: hidden;<br /><br /> }<br /><br /> .register_yanzheng{<br /><br /> font-family: “Roboto”, sans-serif;<br /><br /> outline: 0;<br /><br /> border: 0;<br /><br /> margin: 0 0 15px;<br /><br /> padding: 15px;<br /><br /> box-sizing: border-box;<br /><br /> font-size: 14px;<br /><br /> float: left;<br /><br /> }<br /><br /> .register_btn{<br /><br /> width: 110px;<br /><br /> height: 46px;<br /><br /> border: 0px;<br /><br /> background: #f35c55;<br /><br /> color: #ffffff;<br /><br /> margin-left: 2px;<br /><br /> -webkit-appearance: button;<br /><br /> cursor: pointer;<br /><br /> float: right;<br /><br /> }<br /><br /> .register_btn:hover{<br /><br /> background: #f38355;<br /><br /> }<br /><br /> .form2 button {<br /><br /> font-family: “Microsoft YaHei”, “Roboto”, sans-serif;<br /><br /> text-transform: uppercase;<br /><br /> outline: 0;<br /><br /> background: #4CAF50;<br /><br /> width: 100%;<br /><br /> border: 0;<br /><br /> padding: 15px;<br /><br /> color: #FFFFFF;<br /><br /> font-size: 14px;<br /><br /> -webkit-transition: all 0.3 ease;<br /><br /> transition: all 0.3 ease;<br /><br /> cursor: pointer;<br /><br /> }</p><br /> <p>.form2 button:hover,<br /><br /> .form2 button:active,<br /><br /> .form2 button:focus {<br /><br /> background: #43A047;<br /><br /> }<br /><br /> .register_bottom{<br /><br /> margin-top: 20px;<br /><br /> overflow: hidden;<br /><br /> }<br /><br /> .register_bottom_left{<br /><br /> float: left;<br /><br /> }<br /><br /> .register_bottom_left span{<br /><br /> color: #004785;<br /><br /> cursor:pointer;<br /><br /> }<br /><br /> .register_bottom_right{<br /><br /> float: right;<br /><br /> color: #004785;<br /><br /> cursor:pointer;<br /><br /> }<br /><br /> /*找回密码*/<br /><br /> .back{<br /><br /> display: none;<br /><br /> }<br /><br /> .form3 {<br /><br /> width: 300px;<br /><br /> height: auto;<br /><br /> overflow: hidden;<br /><br /> margin: 10% auto 0 auto;<br /><br /> padding: 40px;<br /><br /> box-shadow: 0 -15px 30px #0d957a;<br /><br /> border-radius: 5px;<br /><br /> }<br /><br /> .back_btn{<br /><br /> width: 110px;<br /><br /> height: 46px;<br /><br /> border: 0px;<br /><br /> background: #f35c55;<br /><br /> color: #ffffff;<br /><br /> margin-left: 2px;<br /><br /> -webkit-appearance: button;<br /><br /> cursor: pointer;<br /><br /> float: right;<br /><br /> }<br /><br /> .back_phone {<br /><br /> font-family: “Roboto”, sans-serif;<br /><br /> outline: 0;<br /><br /> border: 0;<br /><br /> margin: 0 0 15px;<br /><br /> padding: 15px;<br /><br /> box-sizing: border-box;<br /><br /> font-size: 14px;<br /><br /> width: 100%;<br /><br /> overflow: hidden;<br /><br /> }<br /><br /> .back_yanzheng{<br /><br /> font-family: “Roboto”, sans-serif;<br /><br /> outline: 0;<br /><br /> border: 0;<br /><br /> margin: 0 0 15px;<br /><br /> padding: 15px;<br /><br /> box-sizing: border-box;<br /><br /> font-size: 14px;<br /><br /> float: left;<br /><br /> }<br /><br /> .form3 button {<br /><br /> font-family: “Microsoft YaHei”, “Roboto”, sans-serif;<br /><br /> text-transform: uppercase;<br /><br /> outline: 0;<br /><br /> background: #4CAF50;<br /><br /> width: 100%;<br /><br /> border: 0;<br /><br /> padding: 15px;<br /><br /> color: #FFFFFF;<br /><br /> font-size: 14px;<br /><br /> -webkit-transition: all 0.3 ease;<br /><br /> transition: all 0.3 ease;<br /><br /> cursor: pointer;<br /><br /> }</p><br /> <p>.form3 button:hover,<br /><br /> .form3 button:active,<br /><br /> .form3 button:focus {<br /><br /> background: #43A047;<br /><br /> }<br /><br /> .modify{<br /><br /> display: none;<br /><br /> }<br /><br /> .form4 {<br /><br /> width: 300px;<br /><br /> height: auto;<br /><br /> overflow: hidden;<br /><br /> margin: 10% auto 0 auto;<br /><br /> padding: 40px;<br /><br /> box-shadow: 0 -15px 30px #0d957a;<br /><br /> border-radius: 5px;<br /><br /> }</p><br /> <p>.form4 input {<br /><br /> font-family: “Roboto”, sans-serif;<br /><br /> outline: 0;<br /><br /> border: 0;<br /><br /> margin: 0 0 15px;<br /><br /> padding: 15px;<br /><br /> box-sizing: border-box;<br /><br /> font-size: 14px;<br /><br /> width: 100%;<br /><br /> }</p><br /> <p>.form4 button {<br /><br /> font-family: “Microsoft YaHei”, “Roboto”, sans-serif;<br /><br /> text-transform: uppercase;<br /><br /> outline: 0;<br /><br /> background: #4CAF50;<br /><br /> width: 100%;<br /><br /> border: 0;<br /><br /> padding: 15px;<br /><br /> color: #FFFFFF;<br /><br /> font-size: 14px;<br /><br /> -webkit-transition: all 0.3 ease;<br /><br /> transition: all 0.3 ease;<br /><br /> cursor: pointer;<br /><br /> }<br /><br /> .modify_passw,.modify_passw1 {<br /><br /> font-family: “Roboto”, sans-serif;<br /><br /> outline: 0;<br /><br /> border: 0;<br /><br /> margin: 0 0 15px;<br /><br /> padding: 15px;<br /><br /> box-sizing: border-box;<br /><br /> font-size: 14px;<br /><br /> width: 100%;<br /><br /> overflow: hidden;<br /><br /> }<br /><br /> .form4 button:hover,<br /><br /> .form4 button:active,<br /><br /> .form4 button:focus {<br /><br /> background: #43A047;<br /><br /> }<br /><br /> @-webkit-keyframes shake {<br /><br /> from,<br /><br /> to {<br /><br /> -webkit-transform: translate3d(0, 0, 0);<br /><br /> transform: translate3d(0, 0, 0);<br /><br /> }<br /><br /> 10%,30%,50%,70%,90% {<br /><br /> -webkit-transform: translate3d(-10px, 0, 0);<br /><br /> transform: translate3d(-10px, 0, 0);<br /><br /> }<br /><br /> 20%,40%,60%,80% {<br /><br /> -webkit-transform: translate3d(10px, 0, 0);<br /><br /> transform: translate3d(10px, 0, 0);<br /><br /> }<br /><br /> }<br /><br /> .shake_effect {<br /><br /> -webkit-animation-name: shake;<br /><br /> animation-name: shake;<br /><br /> -webkit-animation-duration: 1s;<br /><br /> animation-duration: 1s;<br /><br /> }</p><br /> <p> </style><br /><br /> </head><br /><br /> <body><br /><br /> <div class=”wrap”></p><br /> <p> <!–登录–><br /><br /> <div class=”login”><br /><br /> <div class=”form”><br /><br /> <input type=”text” class=”login_username” placeholder=”用户名/手机号码” value=””/><br /><br /> <input type=”password” class=”login_passw” placeholder=”密码” value=”” /><br /><br /> <button class=”login_in”>登 录</button><br /><br /> <div class=”login_bottom”><br /><br /> <div class=”login_bottom_left”>忘记密码</div><br /><br /> <div class=”login_bottom_right”>立即注册></div><br /><br /> </div><br /><br /> </div><br /><br /> </div><br /><br /> <!–注册–><br /><br /> <div class=”register”><br /><br /> <div class=”form2″><br /><br /> <input class=”register_phone” type=”text” placeholder=”手机号码” value=”” /><br /><br /> <input class=”register_passw” type=”password” placeholder=”请输入密码(6~20位)字母+数字/符号” value=”” /><br /><br /> <input class=”register_yanzheng” type=”text” placeholder=”请输入验证码” value=”” /><br /><br /> <input class=”register_btn” type=”button” value=”获取验证码” /><br /><br /> <button class=”register_in”>注 册</button><br /><br /> <div class=”register_bottom”><br /><br /> <div class=”register_bottom_left”><input type=”checkbox” checked=”true”/>我已阅读并同意<span>服务协议</span></div><br /><br /> <div class=”register_bottom_right”>已有账号登录></div><br /><br /> </div><br /><br /> </div><br /><br /> </div><br /><br /> <!–找回密码–><br /><br /> <div class=”back”><br /><br /> <div class=”form3″><br /><br /> <input class=”back_phone” type=”text” placeholder=”手机号码” value=”” /><br /><br /> <input class=”back_yanzheng” type=”text” placeholder=”请输入验证码” value=”” /><br /><br /> <input class=”back_btn” type=”button” value=”获取验证码” /><br /><br /> <button>验 证</button><br /><br /> </div><br /><br /> </div><br /><br /> <!–修改–><br /><br /> <div class=”modify”><br /><br /> <div class=”form4″><br /><br /> <input class=”modify_passw” type=”password” placeholder=”请输入密码(6~20位)” value=”” /><br /><br /> <input class=”modify_passw1″ type=”password” placeholder=”请确保两次密码输入一致” value=”” /><br /><br /> <button>修 改</button><br /><br /> </div><br /><br /> </div><br /><br /> </div><br /><br /> </body><br /><br /> <script src=”http://libs.baidu.com/jquery/2.1.4/jquery.min.js”></script><br /><br /> <script src=”js/verificationNumbers.js” type=”text/javascript” charset=”utf-8″></script><br /><br /> <script src=”js/Particleground.js” type=”text/javascript” charset=”utf-8″></script><br /><br /> <script type=”text/javascript”><br /><br /> $(document).ready(function() {<br /><br /> //粒子背景特效<br /><br /> $(‘body’).particleground({<br /><br /> dotColor: ‘#5cbdaa’,<br /><br /> lineColor: ‘#5cbdaa'<br /><br /> });<br /><br /> });<br /><br /> //点击登录 判断手机号<br /><br /> $(“.login_in”).click(function () {</p><br /> <p> })<br /><br /> var bol = true;<br /><br /> var bool = true;<br /><br /> //点击注册 判断手机号和密码<br /><br /> $(“.register_in”).click(function () {<br /><br /> var $register_phone = $(“.register_phone”).val();<br /><br /> if(!(/^1[34578]\d{9}$/.test($register_phone))){<br /><br /> bol = false;<br /><br /> }<br /><br /> if (bol==false) {<br /><br /> $(“.register_phone”).removeClass(‘shake_effect’);<br /><br /> setTimeout(function() {<br /><br /> $(“.register_phone”).addClass(‘shake_effect’)<br /><br /> bol = true;<br /><br /> }, 1);<br /><br /> }<br /><br /> var $register_passw = $(“.register_passw”).val();<br /><br /> if (!(/^(?![\d]+$)(?![a-zA-Z]+$)(?![!#$%^&*]+$)[\da-zA-Z!#$%^&*.]{6,20}$/.test($register_passw))) {<br /><br /> bool = false;<br /><br /> }<br /><br /> if (bool==false) {<br /><br /> $(“.register_passw”).removeClass(‘shake_effect’);<br /><br /> setTimeout(function() {<br /><br /> $(“.register_passw”).addClass(‘shake_effect’)<br /><br /> bool = true;<br /><br /> }, 1);<br /><br /> }<br /><br /> })<br /><br /> //点击获取注册验证码<br /><br /> function click_yanzheng () {<br /><br /> $(“.register_btn”).click(function () {<br /><br /> $(this).unbind(“click”);<br /><br /> var str = 60;<br /><br /> var timer;<br /><br /> $(this).val(str);<br /><br /> timer = setInterval(function () {<br /><br /> str–;<br /><br /> $(“.register_btn”).val(str);<br /><br /> if (str==0) {<br /><br /> clearInterval(timer);<br /><br /> $(“.register_btn”).val(“获取验证码”);<br /><br /> $(“.register_btn”).bind(“click”,click_yanzheng());<br /><br /> }<br /><br /> },1000)<br /><br /> })<br /><br /> }<br /><br /> click_yanzheng();<br /><br /> $(function() {<br /><br /> $(‘.login_bottom_right’).click(function() {<br /><br /> $(‘.login’).animate({<br /><br /> height: ‘toggle’,<br /><br /> opacity: ‘toggle'<br /><br /> }, 1500);<br /><br /> $(‘.register’).animate({<br /><br /> height: ‘toggle’,<br /><br /> opacity: ‘toggle'<br /><br /> }, 1500);<br /><br /> });<br /><br /> $(‘.register_bottom_right’).click(function() {<br /><br /> $(‘.register’).animate({<br /><br /> height: ‘toggle’,<br /><br /> opacity: ‘toggle'<br /><br /> }, 1500);<br /><br /> $(‘.login’).animate({<br /><br /> height: ‘toggle’,<br /><br /> opacity: ‘toggle'<br /><br /> }, 1500);<br /><br /> });<br /><br /> $(‘.login_bottom_left’).click(function() {<br /><br /> $(‘.login’).animate({<br /><br /> height: ‘toggle’,<br /><br /> opacity: ‘toggle'<br /><br /> }, 1500);<br /><br /> $(‘.back’).animate({<br /><br /> height: ‘toggle’,<br /><br /> opacity: ‘toggle’}, 1500);<br /><br /> });<br /><br /> })<br /><br /> /**<br /><br /> * Particleground<br /><br /> *<br /><br /> * @author Jonathan Nicol – @mrjnicol<br /><br /> * @version 1.0.1<br /><br /> * @description Creates a canvas based particle system background<br /><br /> *<br /><br /> * Inspired by:<br /><br /> * http://requestlab.fr/<br /><br /> * http://disruptivebydesign.com/<br /><br /> *<br /><br /> * @license The MIT License (MIT)<br /><br /> *<br /><br /> * Copyright (c) 2014 Jonathan Nicol – @mrjnicol<br /><br /> *<br /><br /> * Permission is hereby granted, free of charge, to any person obtaining a copy<br /><br /> * of this software and associated documentation files (the “Software”), to deal<br /><br /> * in the Software without restriction, including without limitation the rights<br /><br /> * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell<br /><br /> * copies of the Software, and to permit persons to whom the Software is<br /><br /> * furnished to do so, subject to the following conditions:<br /><br /> *<br /><br /> * The above copyright notice and this permission notice shall be included in<br /><br /> * all copies or substantial portions of the Software.<br /><br /> *<br /><br /> * THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR<br /><br /> * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,<br /><br /> * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE<br /><br /> * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER<br /><br /> * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,<br /><br /> * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN<br /><br /> * THE SOFTWARE.<br /><br /> */<br /><br /> !function(a){function b(b,d){function e(){if(w){$canvas=a(‘<canvas class=”pg-canvas”></canvas>’),v.prepend($canvas),p=$canvas[0],q=p.getContext(“2d”),f();for(var b=Math.round(p.width*p.height/d.density),c=0;b>c;c++){var e=new l;e.setStackPos(c),x.push(e)}a(window).on(“resize”,function(){h()}),a(document).on(“mousemove”,function(a){y=a.pageX,z=a.pageY}),B&&!A&&window.addEventListener(“deviceorientation”,function(){D=Math.min(Math.max(-event.beta,-30),30),C=Math.min(Math.max(-event.gamma,-30),30)},!0),g(),o(“onInit”)}}function f(){p.width=v.width(),p.height=v.height(),q.fillStyle=d.dotColor,q.strokeStyle=d.lineColor,q.lineWidth=d.lineWidth}function g(){if(w){s=a(window).width(),t=a(window).height(),q.clearRect(0,0,p.width,p.height);for(var b=0;b<x.length;b++)x.updatePosition();for(var b=0;b<x.length;b++)x.draw();E||(r=requestAnimationFrame(g))}}function h(){for(f(),i=x.length-1;i>=0;i–)(x[i].position.x>v.width()||x[i].position.y>v.height())&&x.splice(i,1);var a=Math.round(p.width*p.height/d.density);if(a>x.length)for(;a>x.length;){var b=new l;x.push(b)}else a<x.length&&x.splice(a);for(i=x.length-1;i>=0;i–)x[i].setStackPos(i)}function j(){E=!0}function k(){E=!1,g()}function l(){switch(this.stackPos,this.active=!0,this.layer=Math.ceil(3*Math.random()),this.parallaxOffsetX=0,this.parallaxOffsetY=0,this.position={x:Math.ceil(Math.random()*p.width),y:Math.ceil(Math.random()*p.height)},this.speed={},d.directionX){case”left”:this.speed.x=+(-d.maxSpeedX+Math.random()*d.maxSpeedX-d.minSpeedX).toFixed(2);break;case”right”:this.speed.x=+(Math.random()*d.maxSpeedX+d.minSpeedX).toFixed(2);break;default:this.speed.x=+(-d.maxSpeedX/2+Math.random()*d.maxSpeedX).toFixed(2),this.speed.x+=this.speed.x>0?d.minSpeedX:-d.minSpeedX}switch(d.directionY){case”up”:this.speed.y=+(-d.maxSpeedY+Math.random()*d.maxSpeedY-d.minSpeedY).toFixed(2);break;case”down”:this.speed.y=+(Math.random()*d.maxSpeedY+d.minSpeedY).toFixed(2);break;default:this.speed.y=+(-d.maxSpeedY/2+Math.random()*d.maxSpeedY).toFixed(2),this.speed.x+=this.speed.y>0?d.minSpeedY:-d.minSpeedY}}function m(a,b){return b?void(d[a]=b):d[a]}function n(){v.find(“.pg-canvas”).remove(),o(“onDestroy”),v.removeData(“plugin_”+c)}function o(a){void 0!==d[a]&&d[a].call(u)}var p,q,r,s,t,u=b,v=a(b),w=!!document.createElement(“canvas”).getContext,x=[],y=0,z=0,A=!navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|BB10|mobi|tablet|opera mini|nexus 7)/i),B=!!window.DeviceOrientationEvent,C=0,D=0,E=!1;return d=a.extend({},a.fn[c].defaults,d),l.prototype.draw=function(){q.beginPath(),q.arc(this.position.x+this.parallaxOffsetX,this.position.y+this.parallaxOffsetY,d.particleRadius/2,0,2*Math.PI,!0),q.closePath(),q.fill(),q.beginPath();for(var a=x.length-1;a>this.stackPos;a–){var b=x[a],c=this.position.x-b.position.x,e=this.position.y-b.position.y,f=Math.sqrt(c*c+e*e).toFixed(2);f<d.proximity&&(q.moveTo(this.position.x+this.parallaxOffsetX,this.position.y+this.parallaxOffsetY),d.curvedLines?q.quadraticCurveTo(Math.max(b.position.x,b.position.x),Math.min(b.position.y,b.position.y),b.position.x+b.parallaxOffsetX,b.position.y+b.parallaxOffsetY):q.lineTo(b.position.x+b.parallaxOffsetX,b.position.y+b.parallaxOffsetY))}q.stroke(),q.closePath()},l.prototype.updatePosition=function(){if(d.parallax){if(B&&!A){var a=(s-0)/60;pointerX=(C- -30)*a+0;var b=(t-0)/60;pointerY=(D- -30)*b+0}else pointerX=y,pointerY=z;this.parallaxTargX=(pointerX-s/2)/(d.parallaxMultiplier*this.layer),this.parallaxOffsetX+=(this.parallaxTargX-this.parallaxOffsetX)/10,this.parallaxTargY=(pointerY-t/2)/(d.parallaxMultiplier*this.layer),this.parallaxOffsetY+=(this.parallaxTargY-this.parallaxOffsetY)/10}switch(d.directionX){case”left”:this.position.x+this.speed.x+this.parallaxOffsetX<0&&(this.position.x=v.width()-this.parallaxOffsetX);break;case”right”:this.position.x+this.speed.x+this.parallaxOffsetX>v.width()&&(this.position.x=0-this.parallaxOffsetX);break;default:(this.position.x+this.speed.x+this.parallaxOffsetX>v.width()||this.position.x+this.speed.x+this.parallaxOffsetX<0)&&(this.speed.x=-this.speed.x)}switch(d.directionY){case”up”:this.position.y+this.speed.y+this.parallaxOffsetY<0&&(this.position.y=v.height()-this.parallaxOffsetY);break;case”down”:this.position.y+this.speed.y+this.parallaxOffsetY>v.height()&&(this.position.y=0-this.parallaxOffsetY);break;default:(this.position.y+this.speed.y+this.parallaxOffsetY>v.height()||this.position.y+this.speed.y+this.parallaxOffsetY<0)&&(this.speed.y=-this.speed.y)}this.position.x+=this.speed.x,this.position.y+=this.speed.y},l.prototype.setStackPos=function(a){this.stackPos=a},e(),{option:m,destroy:n,start:k,pause:j}}var c=”particleground”;a.fn[c]=function(d){if(“string”==typeof arguments[0]){var e,f=arguments[0],g=Array.prototype.slice.call(arguments,1);return this.each(function(){a.data(this,”plugin_”+c)&&”function”==typeof a.data(this,”plugin_”+c)[f]&&(e=a.data(this,”plugin_”+c)[f].apply(this,g))}),void 0!==e?e:this}return”object”!=typeof d&&d?void 0:this.each(function(){a.data(this,”plugin_”+c)||a.data(this,”plugin_”+c,new b(this,d))})},a.fn[c].defaults={minSpeedX:.1,maxSpeedX:.7,minSpeedY:.1,maxSpeedY:.7,directionX:”center”,directionY:”center”,density:1e4,dotColor:”#666666″,lineColor:”#666666″,particleRadius:7,lineWidth:1,curvedLines:!1,proximity:100,parallax:!0,parallaxMultiplier:5,onInit:function(){},onDestroy:function(){}}}(jquery),/**<br /><br /> * requestAnimationFrame polyfill by Erik M枚ller. fixes from Paul Irish and Tino Zijdel<br /><br /> * @see: http://paulirish.com/2011/requestanimationframe-for-smart-animating/<br /><br /> * @see: http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating<br /><br /> * @license: MIT license<br /><br /> */<br /><br /> function(){for(var a=0,b=[“ms”,”moz”,”webkit”,”o”],c=0;c<b.length&&!window.requestAnimationFrame;++c)window.requestAnimationFrame=window[b[c]+”RequestAnimationFrame”],window.cancelAnimationFrame=window[b[c]+”CancelAnimationFrame”]||window[b[c]+”CancelRequestAnimationFrame”];window.requestAnimationFrame||(window.requestAnimationFrame=function(b){var c=(new Date).getTime(),d=Math.max(0,16-(c-a)),e=window.setTimeout(function(){b(c+d)},d);return a=c+d,e}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(a){clearTimeout(a)})}();<br /><br /> function showCheck(a){<br /><br /> var c = document.getElementById(“myCanvas”);<br /><br /> var ctx = c.getContext(“2d”);<br /><br /> ctx.clearRect(0,0,1000,1000);<br /><br /> ctx.font = “80px ‘Microsoft Yahei'”;<br /><br /> ctx.fillText(a,0,100);<br /><br /> ctx.fillStyle = “white”;<br /><br /> }<br /><br /> var code ;<br /><br /> function createCode(){<br /><br /> code = “”;<br /><br /> var codeLength = 4;<br /><br /> var selectChar = new Array(1,2,3,4,5,6,7,8,9,’a’,’b’,’c’,’d’,’e’,’f’,’g’,’h’,’j’,’k’,’l’,’m’,’n’,’p’,’q’,’r’,’s’,’t’,’u’,’v’,’w’,’x’,’y’,’z’,’A’,’B’,’C’,’D’,’E’,’F’,’G’,’H’,’J’,’K’,’L’,’M’,’N’,’P’,’Q’,’R’,’S’,’T’,’U’,’V’,’W’,’X’,’Y’,’Z’);<br /><br /> for(var i=0;i<codeLength;i++) {<br /><br /> var charIndex = Math.floor(Math.random()*60);<br /><br /> code +=selectChar[charIndex];<br /><br /> }<br /><br /> if(code.length != codeLength){<br /><br /> createCode();<br /><br /> }<br /><br /> showCheck(code);<br /><br /> }</p><br /> <p>function validate () {<br /><br /> var inputCode = document.getElementById(“J_codetext”).value.toUpperCase();<br /><br /> var codeToUp=code.toUpperCase();<br /><br /> if(inputCode.length <=0) {<br /><br /> document.getElementById(“J_codetext”).setAttribute(“placeholder”,”输入验证码”);<br /><br /> createCode();<br /><br /> return false;<br /><br /> }<br /><br /> else if(inputCode != codeToUp ){<br /><br /> document.getElementById(“J_codetext”).value=””;<br /><br /> document.getElementById(“J_codetext”).setAttribute(“placeholder”,”验证码错误”);<br /><br /> createCode();<br /><br /> return false;<br /><br /> }<br /><br /> else {<br /><br /> window.open(document.getElementById(“J_down”).getAttribute(“data-link”));<br /><br /> document.getElementById(“J_codetext”).value=””;<br /><br /> createCode();<br /><br /> return true;<br /><br /> }</p><br /> <p>}<br /><br /> </script></p><br /> <p></html> 网站前端开发_前端开发者丨前端资源 https://www.rokub.com » 本文来自:前端开发者 » 《新鲜的登录注册方案_网站前端开发_前端开发者》 » 本文链接地址:https://www.rokub.com/2506.html » 您也可以订阅本站:https://www.rokub.com
评论前必须登录!
注册