<!-- <link rel="stylesheet" href="/js/signup/signup.css"> --> <style> /*2018.7.26 明 移过来内页方便快速加载*/ .Content{height:100%;} .m_signUp_box{z-index:1000;position:relative;} .m_signUp{border:1px solid;width:100%;height:100%;position: fixed;top:0;left:0;z-index:100;background-color:#000;opacity:0.3;} .m_form{width:85%;border-radius: 7px;position:absolute;left:50%;top:0;margin-left:-42.5%;z-index:110;overflow:hidden;background:#FFF;padding-bottom:30px;padding-top:45px;box-shadow:7px 7px 20px 0px rgba(70, 54, 54, 0.35); animation:change 0.4s; -webkit-animation:change 0.4s; -moz-animation:change 0.4s; -o-animation:change 0.4s; } @keyframes change { 0% {top:-100%;opacity:0;} 100% {opacity:1;} } -webkit-@keyframes change { 0% {top:-100%;opacity:0;} 100% {opacity:1;} } -moz-@keyframes change { 0% {top:-100%;opacity:0;} 100% {opacity:1;} } -o-@keyframes change { 0% {top:-100%;opacity:0;} 100% {opacity:1;} } .m_form_title_box{} .m_form_title{padding:0 30px;} .m_form_title span{font-size:1.5rem;color:#000;font-weight:600;} /*.m_form_title em{width:22%;height:1px;position:relative;background:#FFF;display:block;} .m_form_title em i{width:6px;height:6px;display:block;position:absolute;top:-2px;right:0;border-radius:50px;background:#FFF;} */ .m_form_input{width:85%;height:44px;margin:auto;margin-bottom:15px;background:#EEE;border-radius:5px;margin-top:20px;} /*.m_form_input img{display: block;width:13px;margin-top:10px;float:left;margin-left:14px;}*/ .m_form_input input{text-align:center;outline:none;background:#EEE;border-radius:5px;float:left;width:100%;height:60%;border:0;font-size:0.875rem;color:#00011E;margin-top:8px;} .m_button{outline:none;width:85%;height:45px;border:0;background:#D62F2F;border-radius:5px;margin:auto;display: block;margin-top:20px;font-size:1rem;color:#FFF;position:relative;z-index:100;} .y_fonr_text{font-size: 0.875rem; color: #999; width: 85%; margin: 0 auto; line-height: 20px;margin-top:15px;} .y_fonr_text i{color:#D62F2F;} .m_close{position:absolute;right:15px;top:15px;z-index:100;width:36px;width:15px;height:15px; animation:change 0.4s; -webkit-animation:change 0.4s; -moz-animation:change 0.4s; -o-animation:change 0.4s; } .m_close img{width:100%;display:block;} .m_form_input input:-webkit-input-placeholder {color: #999;} .m_form_input input:-moz-placeholder {color: #999;} .m_form_input input:-ms-input-placeholder {color: #999;} .m_form_input input:-o-input-placeholder {color: #999;} .m_form_input .cle {display:inline-block;width:15px;height:15px;position:absolute;top:11px;right:10px;display:none;} </style> <div class="m_signUp_box"> <!-- <div class="m_signUp"></div> --> <form class="m_form submit_area"> <input type="hidden" name="hid" value="0"> <!-- 0 为公共报名,其它为楼盘ID--> <input type="hidden" name="source" value="3"> <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明--> <input type="hidden" name="equipment" value="1"> <!--来源设备 ( PC端 2,手机端 1 )--> <div class="m_form_title_box"> <div class="m_form_title"> <!-- <em><i></i></em> --> <span>报名看房</span> <!-- <em><i style="left:0;"></i></em> --> </div> <div class="y_fonr_text"></div> </div> <div class="m_form_input c"> <img class="cle" src="/image/w_cle.png" alt=""> <input name="mobile" type="text" placeholder="您的手机号码"> </div> <input type="button" value="立即报名" class="m_button apc_sbi"> <div class="m_close"><img src="/image/v2/m_lpindex6.png" alt=""></div> </form> </div> <script> $(function(){ // 修改页面适应样式 var _height = $(window).outerHeight(); var _h2 = $('.m_form').outerHeight(); _h2 = Math.floor(_height/4); $('.m_signUp_box').css('height',_height); $('.m_form').css('margin-top',+_h2+'px'); // 修改弹窗信息 // $('.m_form_title').html(w_title); $('.m_form input[name="hid"]').val(w_id); $('.m_form input[name="source"]').val(w_module); $('.y_fonr_text').html(w_text); if(w_button){ $('.m_form input[type="button"]').val(w_button); } // 输入清除显示与隐藏 $('.m_form_input input[name="mobile"]').on('keyup',function(){ var txt = $(this).val(); if(txt != ''){ $('.m_form_input .cle').show(); }else{ $('.m_form_input .cle').hide(); } }) // 清除功能 $('.m_form_input .cle').on('click',function(){ $('.m_form_input input[name="mobile"]').val(''); $(this).hide(); }) $('.m_form_title span').html(w_title); // 删除 $('.m_close').on('click',function(){ $("body").off("click",'.apc_sbi'); RemoveDiv(); }) //报名验证及提交的调用 PublicAction.AjaxSend( { CORID:'apc_sbi', /*操作ID*/ } ); }) </script>