jgAddon咨询对话框缩放
Posted 1666818961-lxj
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jgAddon咨询对话框缩放相关的知识,希望对你有一定的参考价值。
1.弹窗对话html
<div id="swtCenter2" class="swtCenter2" style="height:4.6rem;">
<div class="swtClose" onclick="hideCenter();">
<a href="javascript:;" title="关闭弹窗"></a>
</div>
<div class="swtCenterCon2" style="position: relative;top: 0;width:100%;height: 100%;background:url(http://bd.jgyljt.com/jgswt/img/bdjgAddon/middle_huo65HuoD.png?t=456);background-size: 100%;background-repeat: no-repeat;">
<a href="javascript:void(0)" onclick="openZoosUrl(‘chatwin‘,‘&e=center_top_5000yuan‘);" class="trackZx" title="弹窗(top)" style="width: 100%;height: 33%;position: absolute;top: 10%;left: 0;"></a>
<a href="javascript:void(0)" onclick="openZoosUrl(‘chatwin‘,‘&e=nenzhihao‘);" class="trackZx" title="弹窗(nenzhihao)" style="width: 30%;height: 37%;position: absolute;top: 43%;left: 0;"></a>
<a href="javascript:void(0)" onclick="openZoosUrl(‘chatwin‘,‘&e=zhiliaofangfa‘);" class="trackZx" title="弹窗(zhiliaofangfa)" style="width: 20%;height: 37%;position: absolute;top: 43%;left: 30%;"></a>
<a href="javascript:void(0)" onclick="openZoosUrl(‘chatwin‘,‘&e=duojiuzhihao‘);" class="trackZx" title="弹窗(duojiuzhihao)" style="width: 21%;height: 37%;position: absolute;top: 43%;left: 50%;"></a>
<a href="javascript:void(0)" onclick="openZoosUrl(‘chatwin‘,‘&e=zhihaoduoshaoqian‘);" class="trackZx" title="弹窗(zhihaoduoshaoqian)" style="width: 29%;height: 37%;position: absolute;top: 43%;left: 71%;"></a>
</div>
<div class="callBack clearFix" style="position: absolute;bottom: 0.2rem;width: 100%;"><input type="tel" id="lxb_zjtanchuang" onfocus="hideAll(1);" onblur="showAll();" placeholder="请输入您的电话" style="width:57%;height: 0.6rem;line-height: 0.6rem;text-indent: 0px;font-size: 0.25rem;padding-left: 2%;border:1px solid #ccc;border-radius: 5px 0 0 5px;border-right:none;margin-left: 3%;float: left;box-sizing:border-box;"><input type="submit" name="lxb_zjtanchuang" id="sub_btn" class="button tel" value="抢专家号" style="height: 0.6rem;line-height: 0.6rem;background:none;width:35%;text-align:center;padding:0;background:#ed8826;font-size: 0.25rem;border: none;float: left;color: #fff;border-radius: 0 5px 5px 0;"></div>
</div>
<!--摇一摇开始-->
<!--<a href="http://8g.65650000.com/zt/bdf_zcanan/?t=right_piaochuang_dianji_yaoyiyao" class="wx_icon2 trackZx" id="wx_icon2" title="right_wxdh_yaoyiyao"></a>-->
<!--白斑快测-->
<!--
<a href="http:8g.65650000.com/zt/bd_zc2/?e=left_piaochuang_baiban_kc" target="_blank" class="baiban_kc trackZx" id="baiban_kc" title="left_piaochuang_baiban_kc"></a>-->
<!--<a href="javascript:;" onclick="location.href=‘http://bd.jgyljt.com/jgswt/weixin/quanzhan/towx.php‘" class="trackZx" title="left_piaochuang_weixinrukou65" id="wxIcon"></a>-->
<div style="display:none;z-index:999;" class="wx_iconDiv" id="wx_iconDiv">
<a href="javascript:;" id="thisClose" style="background:url(http://huayan.jgyljt.com/jgswt/img/swtClose.png) no-repeat;background-size: 100%;width: 30px;height: 30px;position: absolute;right: 0;top: 0;" onclick="thisClose();"></a>
<p id="wxNum" style="font-size: 24px;background: #2760c1;color: white;padding: 5px;margin-top: 10px;width: 150px;border-radius: 5px; margin:auto;text-align: center;">bd0551yy</p>
<p style="font-size: 15px;color: black;margin:6px;text-align: center;">(长按微信号复制)</p>
<p style="margin:0;text-align: center;">
<a href="weixin://" class="trackWx" title="复制到微信" style="display: inline-block;width: 150px;background: #2760c1;color: white;border-radius: 5px;font-size: 16px;padding: 5px;">前往微信 申请优惠</a>
</p>
</div>
<div class="widget" id="secondVx" style="display:none;">
<div class="widgetContent">
<div class="tel-input-wrapper">
<div class="dialog-title">
<p>输入手机号获取北大官方微信,</p>
<p>微信沟通更方便!</p>
</div>
<div class="input-wrapper"><input type="tel" id="lxb_zjtanchuang3" placeholder="请输入手机号码" style="width:5rem;" class="trackZx" title="bdguanfangwx"></div><input class="submit-button tel trackZx" type="submit" name="lxb_zjtanchuang3" id="sub_btn" value="获取北大官方微信" title="getbdguanfangwx"></div>
<div class="tel-consult-wrapper">
<div class="split-line"><span class="splitSpan">or</span></div>
<div class="free-tel-consult free-tel-consult-v4">
<a data-role="free-call" href="tel:0551-65692323">免费电话咨询</a>
</div>
</div>
<div class="cancel-icon" id="closeM" data-role="j-cancel-btn"></div>
</div>
</div>
<div class="yyy" id="yyy_throw">
<p>您即将连线北大三甲专家</p>
<p>本次通话全程保密,请放心拨打</p>
<a href="javascript:void(0)" id="CloseLX" class="trackZx" title="摇一摇取消">取消</a>
<a href="tel:0551-65692323" class="trackZx" title="摇一摇立即连线">立即连线</a>
</div>
<!--底部咨询-->
<div class=‘all_zx‘ id=‘botChatRect‘ style="width:7.5rem;margin:0 auto;">
<div class=‘all_mid‘>
<header style=‘padding-bottom: 0;position:relative ‘ class=‘ly-header‘>
<img id="touchHeight" src="http://bd.jgyljt.com/jgswt/img/bdjgAddon/heightLine.png" style="width:100%;position:absolute;top:-3px;z-index:4;" />
<a onclick=‘toolclose();‘ class=‘closePop‘></a>
<nav style=‘overflow: initial;padding:0; ‘>
<a><i></i></a>
<a></a>
<p>白癜风专家在线解答</p>
<a href="tel:0551-65692323" class="trackTel" style="float:right;height:40px;line-height:40px;font-size:0.3rem;color:#fff;" title="bottom_tanchuang_tel65"><img src="http://bd.jgyljt.com/jgswt/img/bdjgAddon/addontell.png" style="vertical-align: middle;width: 0.42rem;margin-right: 0.1rem;float:none;">0551-65692323</a>
</nav>
</header>
<div id=‘toopl‘ class=‘shadow‘></div>
<!--对话页面的主节点-->
<div id="jgChatMain">
<!--对话聊天记录窗口节点-->
<section class=‘ly-section1 bdChatKuang‘ id="jgChatHistory">
<div id=‘now4‘ class=‘time‘></div>
<!--客服消息界面默认-->
<div id="jgNewAgentMsg" class="botKefu" style="display: none;">
<div>
<div class="kefuImg botDuiImg"><img src="http://bd.jgyljt.com/jgswt/img/bdjgAddon/dibuxyh.jpg" width=‘40px‘ /></div>
<div class="kefuHuida jgLeftMsg"><i></i>客服模板隐藏
</div>
</div>
</div>
<div style="clear:both;"></div>
<dl id=‘tools2‘>
<div class=‘line ly-hide‘ style=‘display: block;‘>
<div class=‘left‘><img src=‘http://bd.jgyljt.com/jgswt/img/bdjgAddon/dibuxyh.jpg‘ style=‘width:40px‘ width=‘40px‘>
<!--客服消息模块消息内容-->
<div class="jgLeftMsg"></div>
</div>
<div class=‘ly-clear‘></div>
</div>
</dl>
<dl id=‘tools3‘>
<div class=‘line ly-hide‘ style=‘display:block‘>
<div class=‘left‘><img src=‘http://bd.jgyljt.com/jgswt/img/bdjgAddon/dibuxyh.jpg‘ style=‘width:40px‘ width=‘40px‘>
<!--客服消息模块消息内容-->
<div class="jgLeftMsg"></div>
</div>
<div class=‘ly-clear‘></div>
</div>
</dl>
<!--客户消息界面默认html-->
<div class="botKehu" id="jgNewClientMsg" style="display: none;">
<div>
<div class="kehuImg botDuiImg"><img src="http://bd.jgyljt.com/jgswt/img/bdjgAddon/bdToux.png" /></div>
<div class="kehuWenti jgRightMsg"><img src="http://bd.jgyljt.com/jgswt/img/bdjgAddon/botDuiIcon.png" alt="右箭头" />客户模板隐藏
</div>
</div>
</div>
<div style="clear:both;"></div>
<!--显示客服正在输入的特效-->
<div class="botZhengzai" id="jgNewMsgIng" style="display: none;">
<div>
<div class="duihHzImg"><img src="http://bd.jgyljt.com/jgswt/img/bdjgAddon/bdToux.png" /></div>
<div class="duihHzText jgRightMsg"><i></i>客户模板隐藏
</div>
</div>
</div>
</section>
<footer style=‘padding:0;margin-top: 0;margin-bottom: 0px;‘ class=‘ly-footer‘>
<div class="azf1">
<a href="tel:0551-62625555"></a>
</div>
<div class=‘azf2‘>
<!--客户输入的input--><input type="text" name="" id="jgChatInput" class="duihIntI" placeholder="请输入您的问题或电话" />
<!--客户输入内容对应的点击发送按钮--><input type="submit" id="jgChatSendBut" class="duihIntBtn" name="" value="发送" /></div>
</footer>
<!--再次请求对话的Div模块id-->
<section class="duihFc" id="jgRechat" style="display: none;position: fixed;bottom: 0;width: 7.5rem;height: 0.9rem;">
<a class="duihFcZx" style="display: inline-block;width: 50%;text-align: center;line-height: 0.9rem;color: #FFFFFF;float: left;background: #ff6005;"><img src="http://bd.jgyljt.com/jgswt/img/bdjgAddon/zixun.png" style="vertical-align: middle;width: 0.46rem;margin-right: 0.1rem;" /> 继续咨询
</a>
<a href="tel:0551-65692323" class="duihFcTel" style="display: inline-block;width: 50%;text-align: center;line-height: 0.9rem;color: #FFFFFF;float: left;background: #26c540;"><img src="http://bd.jgyljt.com/jgswt/img/bdjgAddon/tel1.png" style="vertical-align: middle;width: 0.46rem;margin-right: 0.1rem;" /> 电话咨询
</a>
</section>
</div>
</div>
</div>
<div class="jgFooterConsult">
<div id="footer123">
<div class="footer123" id="footer123" style="">
<div class="footerInner">
<a href="javascript:void(0)" class="trackZx" title="bottom_fuceng_tianjiaweixin65" id="addVx" onclick="addWxChange()" style="position:absolute;width:33.3%;height:100%;top: 0;left: 0;"></a>
<a href="/zt/zcnew" class="trackZx" title="bottom_fuceng_bingyinzice65" style="position: absolute;width: 33.3%;height:100%;top: 0;left: 33.3%;"></a>
<a href="tel:0551-65692323" class="trackTel" style="position: absolute;width: 33.3%;height:100%;top: 0;left: 66.6%;" title="bottom_fuceng_tel65"></a><img src="http://bd.jgyljt.com/jgswt/img/bdjgAddon/bottom65.gif" style="width:100%;" /></div>
</div>
</div>
</div>
2.弹窗对话css
#wx_icon2 {
display: block;
position: fixed;
left: 0!important;
width: 1.4rem !important;
height: 1.4rem;
top: 50%;
background: url(http://bd.jgyljt.com/jgswt/img/bdjgAddon/yyy.png);
background-size: 100%!important;
z-index: 99999!important;
}#wxIcon:before {
content: ‘‘;
display: block;
position: fixed;
left: -1%;
width: 1.7rem;
height: 1.7rem;
top: 34%;
background: url(‘http://bd.jgyljt.com/jgswt/img/bdjgAddon/addLead.gif‘);
background-size: 100%;
z-index: 9999999;
}.yyy {
width: 17.5em;
overflow: hidden;
font-family: "Microsoft YaHei";
text-align: center;
position: fixed !important;
left: 50%;
top: 30%;
margin-left: -9em;
background-color: #ffffff;
padding-bottom: 2%;
z-index: 99999999;
display: none;
border: 1px solid #dcdcdc;
}.yyy>p:nth-of-type(1) {
background-color: #0087c7;
color: #FFF;
font-weight: bold;
font-size: 1.5em;
line-height: 2em;
}.yyy>p:nth-of-type(2) {
color: #292828;
font-size: 1em;
line-height: 1.5em;
padding: 2% 0;
}.yyy>a {
display: inline-block;
float: left;
width: 46.5%;
font-size: 1.5em;
line-height: 1.5em;
padding: 2% 0;
text-decoration: none;
margin-left: 2%;
}.yyy>a:nth-of-type(1) {
background-color: #dcdcdc;
color: #303030;
}.yyy>a:nth-of-type(2) {
background-color: #c80108;
color: #ffffff;
}.mask {
position: absolute;
top: 0px;
filter: alpha(opacity=60);
background-color: #777;
z-index: 99999998;
left: 0px;
opacity: 0.5;
-moz-opacity: 0.5;
}.wx_icon {
z-index: 9999991;
display: inline-block;
width: 50px;
position: fixed;
right: 0;
top: 53%;
}.wx_iconDiv {
z-index: 99999999;
top: 30%;
padding-top: 12px;
line-height: 28px;
width: 225px;
height: 128px;
border: 1px solid grey;
position: fixed;
left: 50%;
margin-left: -112px;
box-shadow: 0 0 10px #000000;
background: white;
border-radius: 5px;
text-align: center !important;
}* {
margin: 0;
padding: 0;
}#swtCircle {
text-decoration: none;
font-size: 16px;
line-height: 17px;
color: #fff;
letter-spacing: 2px;
padding-left: 2px;
padding-top: 8px;
text-shadow: 0 -1px 1px rgba(0, 0, 0, .5)
}.swtCircle {
width: 100%;
padding: 10px;
padding-left: 10px;
letter-spacing: 4px;
/*background-color: rgb(243, 118, 48);*/
background: rgb(41, 141, 217);
/*box-shadow: 0 -10px 40px rgba(41,141,217,.75) inset;*/
transition: box-shadow .3s ease-out 0s;
border-bottom-left-radius: 5px;
}#swtCenter2,
.middleContent,
.middleContent2 {
width: 6rem;
height: 7.8rem;
}#swtCenter2 {
position: fixed;
top: 38%;
left: 50%;
margin-top: -2.25rem;
margin-left: -3rem;
transition: 1s;
-moz-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
transform-style: preserve-3d;
z-index: 999999999;
}.middleContent,
.middleContent2 {
position: absolute;
top: 0;
}
.middleContent {
background: red;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
background: url(http://bd.jgyljt.com/jgswt/img/bdjgAddon/middle_huo65_zfb2.png?t=123);
background-size: 100%;
background-repeat: no-repeat;
}.middleContent2 {
background: salmon;
background: url(http://bd.jgyljt.com/jgswt/img/bdjgAddon/middle_huo65_zfb.png?t=123);
background-size: 100%;
background-repeat: no-repeat;
}.form-group {
width: 100%;
font-size: 0.4rem;
color: #fff;
margin-top: 10px;
}.form-control {
border: none;
width: 72%;
height: 0.6rem;
padding-left: 2%;
font-size: 0.3rem;
}.surePay {
border: none;
width: 90%;
margin-left: 5%;
margin-top: 10px;
height: 0.55rem;
background: #fcd830;
border-radius: 5px;
color: #000;
font-size: 0.3rem;
}.swtClose {
width: 10%;
height: .6rem;
border: medium none;
background: url(http://bd.jgyljt.com/jgswt/img/bdjgAddon/swtClose2.png) no-repeat;
background-size: 100%;
cursor: pointer;
position: absolute;
z-index: 100;
transition: all 1s ease-out;
position: absolute;
right: 0.1rem;
top: 0;
}.all_mid {
box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0 auto;
font-family: ‘微软雅黑‘;font-size:13px;}.topTips{z-index: 4;}#LXB_CONTAINER.lxb-container{z-index: 4;}.ly-header{width:100%;}.ly-header nav{height:40px;background:#393a3f;}.ly-header nav a i{float:right;width:1px;height:20px;margin:10px 0 0 0;background:#2e2e32}.ly-header nav p{color:#FFF;font-size:0.3rem;height:40px;line-height:40px;float:left;}.ly-section1{margin-bottom:50px;background:#ebebeb; padding: 1px 0 5px 0;max-height:300px;overflow-y:scroll}.ly-section1 .line{margin:0 0 0 10px;}.ly-section1 .left{float:left;max-width:93%;margin:4px 0 0 0; }.ly-section1 .left div{position:relative;margin:0 0 0 55px;padding:5px;background:#FFF;color:#323232;border:1px solid #d5d5d5; border-radius:6px;}.time {font-size:13px;color:#fff; text-align: center; margin-top:0.05rem;margin-left: 45%;border-radius: 3px; width: 40px;height:20px;line-height:20px;background: #ccc;overflow:hidden;}.ly-section1 .left div i{position:absolute;top:-2px;left:-20px;width:20px;height:20px;background:url(‘http://bd.jgyljt.com/jgswt/img/bdjgAddon/wechat.png‘) no-repeat scroll 0 -200px;transform:rotate(-180deg)}.ly-section1 .left img{float:left;margin:0px 2px 0 0;}.ly-section1 .left div img{float:none; width:10%;}.ly-section1 figure{ width:95%; margin:3px auto;overflow:hidden; border-bottom:1px solid #CCCCCC;}.ly-section1 .zzh{ width:100%; float:left; display:block; margin-bottom:15px;}.ly-section1 figcaption{ width:68%; float:left; margin-left:2%;}.ly-footer{width:100%;position:absolute;height:50px;background:#FFF;border-top:1px solid #bfbfbf}.ly-footer .azf1 a{float:left;width:15%;height:50px;background:url(‘http://bd.jgyljt.com/jgswt/img/bdjgAddon/wechat.png‘) no-repeat scroll 9px -89px;}.ly-footer .azf2 textarea{float:left;width:60%;height:36px;margin:7px 0 0 0px;color:#000;font-size:13px;line-height:35px;text-indent:18px;transition:0.3s;resize:none;outline:none;margin-right:5px;border: none;border-bottom: 1px solid #ccc;}.ly-footer .azf2 textarea:focus{border:1px solid lightgery;}.ly-footer .azf2 textarea.on{border-bottom:#45c01a}.ly-footer .azf2 i{}.ly-footer .azf3 a{float:left; margin-right:10px;width:72px;height:35px;margin-top:-40px;margin:7px 5px 0 0;background:#45c01a;color:#FFF;text-align:center;line-height:35px;border-radius:5px;cursor:pointer;transition:0.3s;}.ly-footer .azf3 a:hover{background-color:#3aa814;}.ly-clear{clear:both;}.ly-hide{display:none;}.ly-animation-bell{display:inline-block;color:#F00;transition:0.5s;}.ly-animation-bell.on{animation:ly-animation-bell 0.5s;}#botChatRect{background:#ebebeb;width:7.5rem;z-index:9999999;margin:0 auto;bottom:0;position:fixed;display:none;}#botChatRect .closePop {line-height: 35px;font-size: 30px;text-decoration: none; color: #fff;text-align: center;float: left; width: 50px; height: 40px;background:url(‘http://bd.jgyljt.com/jgswt/img/bdjgAddon/wechat.png‘) no-repeat scroll 20px 12px;}#botChatRect .closePop img{ margin:2px auto;display:block;}@keyframes ly-animation-bell{ 0%{transform:rotate(-5deg);}20%{transform:rotate(10deg);}40%{transform:rotate(-15deg);}60%{transform:rotate(20deg);}80%{transform:rotate(-15deg);}100%{transform:rotate(10deg);}}#LRfloater1{z-index:99999!important}}@media only screen and (min-width:375px){
* {
margin: 0;
padding: 0;
}.all_mid {
box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0 auto;
font-family: ‘微软雅黑‘;font-size:14px;}.topTips{z-index: 4;}#LXB_CONTAINER.lxb-container{z-index: 4;}.ly-header{width:100%;}.ly-header nav{height:40px;background:#393a3f;}.ly-header nav a i{float:right;width:1px;height:20px;margin:10px 0 0 0;background:#2e2e32}.ly-header nav p{color:#FFF;font-size:16px; height:40px; line-height:40px; float:left;width: 85%;}.ly-header nav a:nth-child(2){float:right;width:50px;height:40px;background:url(‘http: //bd.jgyljt.com/jgswt/img/bdjgAddon/wechat.png‘) no-repeat scroll 14px -42px;}.ly-section1{background:#ebebeb; padding: 1px 0 5px 0;}.ly-section1 .line{margin:0 0 0 10px;}.ly-section1 .left{float:left;max-width:90%;margin:5px 0 0 0; }.ly-section1 .left div{position:relative;margin:0 0 0 55px;padding:6px;background:#FFF;color:#323232;border:1px solid #d5d5d5; border-radius:6px;}.time {font-size:13px;color:#fff; text-align: center; margin-top:0.05rem;margin-left: 45%;border-radius: 3px; width: 40px;height:20px;line-height:20px;background: #ccc;overflow:hidden;}.ly-section1 .left div i{position:absolute;top:12px;left:-20px;width:20px;height:20px;background:url(‘http://swt.jgyljt.com/3/sj/img/wechat.png‘) no-repeat scroll 0 -194px;transform:rotate(-180deg)}.ly-section1 .left img{float:left;margin:0px 2px 0 0;}.ly-section1 .left div img{float:none; width:10%;}.ly-section1 figure{ width:95%; margin:3px auto;overflow:hidden; border-bottom:1px solid #CCCCCC;}.ly-section1 .zzh{ width:100%; float:left; display:block; margin-bottom:15px;}.ly-section1 figcaption{ width:68%; float:left; margin-left:2%;}.ly-footer{height:50px;background:#FFF;border-top:1px solid #bfbfbf}.ly-footer .azf1 a{float:left;width:50px;height:50px;background:url(‘http://bd.jgyljt.com/jgswt/img/bdjgAddon/wechat.png‘) no-repeat scroll 9px -89px;}.ly-footer .azf2 textarea{float:left;width:60%;height:36px;margin:7px 0 0 0px;color:#000;font-size:13px;line-height:35px;border:1px solid lightgery;border-radius:7px;text-indent:18px;transition:0.3s;resize:none;outline:none;}.ly-footer .azf2 textarea:focus{border: 1px solid lightgrey;}.ly-footer .azf2 textarea.on{border-bottom:#45c01a}.ly-footer .azf2 i{}.ly-footer .azf3 a{float:left; margin-right:10px;width:76px;height:35px;margin-top:-40px;margin:7px 5px 0 0;background:#45c01a;color:#FFF;text-align:center;line-height:35px;border-radius:5px;cursor:pointer;transition:0.3s;}.ly-footer .azf3 a:hover{background-color:#3aa814;}.ly-clear{clear:both;}.ly-hide{display:none;}.ly-animation-bell{display:inline-block;color:#F00;transition:0.5s;}.ly-animation-bell.on{animation:ly-animation-bell 0.5s;}#botChatRect{width:7.5rem;z-index:999999;bottom:0;position:fixed;display:none;}#botChatRect .closePop {line-height: 35px;font-size: 30px;text-decoration: none; color: #fff;text-align: center;float: left; width: 40px; height: 40px;background:url(‘http://bd.jgyljt.com/jgswt/img/bdjgAddon/wechat.png‘) no-repeat scroll 20px 12px;}#botChatRect .closePop img{ margin:2px auto;display:block;}@keyframes ly-animation-bell{
0% {
transform: rotate(-5deg);
}20% {
transform: rotate(10deg);
}40% {
transform: rotate(-15deg);
}60% {
transform: rotate(20deg);
}80% {
transform: rotate(-15deg);
}100% {
transform: rotate(10deg);
}}#LRfloater1 {
z-index: 99999!important
}}@media only screen and (min-width:414px) {
* {
margin: 0;
padding: 0;
}.all_mid {
box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0 auto;
font-family: ‘微软雅黑‘;font-size:14px;}.topTips{z-index: 4;}#LXB_CONTAINER.lxb-container{z-index: 4;}.ly-header{width:100%;}.ly-header nav{height:40px;background:#393a3f;}.ly-header nav a i{float:right;width:1px;height:20px;margin:10px 0 0 0;background:#2e2e32}.ly-header nav p{color:#FFF;font-size:16px;height:40px; line-height:40px;float:left;}.ly-header nav a:nth-child(2){float:right;width:50px;height:40px;background:url(‘http: //bd.jgyljt.com/jgswt/img/bdjgAddon/wechat.png‘) no-repeat scroll 14px -42px;}.ly-section1{background:#ebebeb; padding: 1px 0 5px 0;}.ly-section1 .line{margin:0 0 0 10px;}.ly-section1 .left{float:left;max-width:93%;margin:5px 0 0 0; }.ly-section1 .left div{position:relative;margin:0 0 0 55px;padding:10px;background:#FFF;color:#323232;border:1px solid #d5d5d5; border-radius:6px;}.time {font-size:13px;color:#fff; text-align: center; margin-top:0.05rem;margin-left: 45%;border-radius: 3px; width: 40px;height:20px;line-height:20px;background: #ccc;overflow:hidden;}.ly-section1 .left div i{position:absolute;top:12px;left:-20px;width:20px;height:20px;background:url(‘http://bd.jgyljt.com/jgswt/img/bdjgAddon/wechat.png‘) no-repeat scroll 0 -200px;transform:rotate(-180deg)}.ly-section1 .left img{float:left;margin:0px 2px 0 0;}.ly-section1 .left div img{float:none; width:10%;}.ly-section1 figure{ width:95%; margin:3px auto;overflow:hidden; border-bottom:1px solid #CCCCCC;}.ly-section1 .zzh{ width:100%; float:left; display:block; margin-bottom:15px;}.ly-section1 figcaption{ width:68%; float:left; margin-left:2%;}.ly-footer{height:50px;background:#FFF;border-top:1px solid #bfbfbf}.ly-footer .azf1 a{float:left;width:50px;height:50px;background:url(‘http://bd.jgyljt.com/jgswt/img/bdjgAddon/wechat.png‘) no-repeat scroll 9px -89px;}.ly-footer .azf2 textarea{float:left;width:60%;height:36px;margin:7px 0 0 0px;color:#000;font-size:13px;line-height:35px;border:1px solid lightgery;border-radius:7px;text-indent:18px;transition:0.3s;resize:none;outline:none;margin-right:8px;}.ly-footer .azf2 textarea:focus{border: 1px solid lightgray;}.ly-footer .azf2 textarea.on{border-bottom:#45c01a}.ly-footer .azf2 i{}.ly-footer .azf3 a{float:left; margin-right:10px;width:80px;height:35px;margin-top:-40px;margin:7px 5px 0 0;background:#45c01a;color:#FFF;text-align:center;line-height:35px;border-radius:5px;cursor:pointer;transition:0.3s;}.ly-footer .azf3 a:hover{background-color:#3aa814;}.ly-clear{clear:both;}.ly-hide{display:none;}.ly-animation-bell{display:inline-block;color:#F00;transition:0.5s;}.ly-animation-bell.on{animation:ly-animation-bell 0.5s;}#botChatRect{width:7.5rem;z-index:999999;bottom:0;position:fixed;display:none;}#botChatRect .closePop {line-height: 35px;font-size: 30px;text-decoration: none; color: #fff;text-align: center;float: left; width: 30px; height: 40px;background:url(‘http://bd.jgyljt.com/jgswt/img/bdjgAddon/wechat.png‘) no-repeat scroll 10px 12px;}#botChatRect .closePop img{ margin:2px auto;display:block;}@keyframes ly-animation-bell{
0% {
transform: rotate(-5deg);
}20% {
transform: rotate(10deg);
}40% {
transform: rotate(-15deg);
}60% {
transform: rotate(20deg);
}80% {
transform: rotate(-15deg);
}100% {
transform: rotate(10deg);
}}#LRfloater1 {
z-index: 99999!important
}}.jgFooterConsult {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 9999;
}.jgFooterConsult>.jgFooterConsultA {
display: block;
float: left;
position: relative;
font-size: 0.3rem;
line-height: 1rem;
text-align: center;
color: #fff;
font-family: "微软雅黑";
height: 1rem;
}.jgFooterConsult>.jgFooterConsultA>.jgFooterConsultAI {
display: block;
position: absolute;
top: 0;
}em {
font-family: ‘微软雅黑‘
}.footer123 {
width: 7.5rem;
height: 1.45rem!important;
position: fixed;
bottom: -1px;
left: 50%;
margin-left: -3.75rem;
line-height: 100px;
z-index: 9999;
}.footer123 .footerInner {
width: 100%;
height: 100%;
}.footer123 a {
display: block;
float: left;
position: relative
}.footer123 a em {
display: block;
position: absolute;
top: 37px;
}.footer123 a i {
width: 8%;
}.footerLink1 {
width: 16%;
height: 100%;
background-color: #ff6005
}.homeIcon {
left: 50%;
top: 10px;
width: 48px;
height: 38px;
margin-left: -25px;
background: url(../img/footerLink1.png) no-repeat;
background-size: 100%
}.footerLink2 {
width: 33.3%;
height: 100%;
background-color: rgb(255, 167, 0);
}.swtIcon {
left: 50%;
top: 18px;
width: 54px;
height: 48px;
margin-left: -100px;
background: url(../img/footerLink2.png) no-repeat
}.swtIcon_Counter {
left: 50%;
top: 15px;
width: 28px;
height: 28px;
margin-left: -60px;
text-align: center;
line-height: 26px;
background-color: #e60012;
color: #fff;
font-size: 18px;
font-style: normal;
-moz-border-radius: 28px;
-webkit-border-radius: 28px;
border-radius: 28px;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .8);
box-shadow: 0 0 3px rgba(0, 0, 0, .8)
}.footerLink2 em {
left: 44%;
color: #fff;
}.footerLink2 img {
left: 47%;
}.footerLink3 {
width: 33.3%;
height: 100%;
background-color: rgb(40, 159, 239);
}.footerLink3 em {
left: 38%;
}.footerLink3 img {
left: 47%;
}.phoneIcon {
left: 42%;
top: 50%;
width: 60px;
height: 56px;
margin-top: -27px;
margin-left: -90px;
background: url(../img/anliico.png) no-repeat
}.footerLink3 em {
color: #fff;
}.dianhua {
border: none
}.footerLink4 {
width: 33.3%;
height: 100%;
background-color: rgb(54, 202, 168);
}.footerLink4 em {
display: block;
left: 42%;
color: #fff;
font-size: 32px;
}.bottom_icon {
width: 15%;
position: absolute;
top: 8px;
left: 44%;
}/*商务通底部固定导航样式二*/
.swt-foot-fiex {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background: #298dd9;
}.swt-foot-fiex ul {
overflow: hidden;
}.swt-foot-fiex li {
width: 20%;
height: 56px;
font: bold 12px/14px ‘Microsoft YaHei‘;
color: white;
float: left;
text-align: center;
}.swt-foot-fiex li img {
width: 100%;
margin: 0 auto;
}.swt-foot-fiex li a {
display: block;
width: 40px;
height: 36px;
margin: 0 auto;
}.swt-foot-fiex>a {
display: block;
width: 20%;
position: fixed;
bottom: 0;
left: 40%;
}.swt-foot-fiex>a img {
width: 64px;
margin: 0 auto;
}/*END*/
.zhuanjiaIcon {
left: 50%;
top: 50%;
width: 65px;
height: 55px;
margin-top: -27px;
margin-left: -90px;
background: url(../img/zhuanjiaico.png) no-repeat;
background-size: 100%
}@media only screen and (max-width:320px) {
.footer123 {
height: 55px
}.homeIcon {
top: 2px;
width: 30px;
height: 30px;
margin-left: -14px;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}.footerLink1 em {
font-size: 10px;
top: 30px;
line-height: 18px
}.swtIcon {
top: 12px;
width: 24px;
height: 24px;
margin-left: -41px;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}.swtIcon_Counter {
top: 12px;
width: 14px;
height: 14px;
margin-left: -28px;
line-height: 13px;
font-size: 8px
}.footerLink2 em {
font-size: 14px;
line-height: 23px;
margin-left: -16px;
margin-top: -12px
}.phoneIcon {
width: 26px;
height: 26px;
margin-top: -13px;
margin-left: -42px;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}.footerLink3 em {
font-size: 14px;
line-height: 23px;
margin-left: -16px;
margin-top: -12px
}.footerLink4 em {
font-size: 14px;
line-height: 23px;
margin-left: -16px;
margin-top: -12px
}.zhuanjiaIcon {
width: 24px;
height: 24px;
margin-top: -12px;
margin-left: -42px;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}}@media only screen and (max-width: 320px) {
.ly-footer .azf2 textarea {
float: left;
width: 60%;
height: 36px;
margin: 7px 0 0 0px;
color: #000;
font-size: 13px;
line-height: 35px;
border: 1px solid lightgery;
border-radius: 7px;
text-indent: 0px;
margin-left: 0px;
transition: 0.3s;
resize: none;
outline: none;
margin-right: 2px;
}.ly-footer .azf2 textarea:focus {
border: 1px solid lightgery;
}.ly-footer .azf2 textarea.on {
border-bottom: #45c01a
}.ly-footer .azf2 i {}.ly-footer .azf3 a {
float: left;
margin-right: 10px;
width: 71px;
height: 35px;
margin-top: -40px;
margin: 7px 5px 0 0;
background: #45c01a;
color: #FFF;
text-align: center;
line-height: 35px;
border-radius: 5px;
cursor: pointer;
transition: 0.3s;
}.ly-footer .azf3 a:hover {
background-color: #3aa814;
}}@media only screen and (min-width: 321px) and (max-width: 375px) {
.footer123 {
height: 73px;
}}@media only screen and (max-width:320px) {
.footer123 {
height: 64px
}}/*白斑快测*/
#baiban_kc:before {
content: ‘‘;
display: block;
position: fixed;
left: 0rem;
width: 1.4rem;
height: 1.8rem;
top: 59%;
background: url(‘http://bd.jgyljt.com/jgswt/img/bdjgAddon/yyy2.png‘) no-repeat;
background-size: 100%;
}/*对话框*/
#zcZus {
line-height: 0.4rem;
margin: 0;
font-size: 0.28rem;
font-weight: bold;
width: 0.6rem;
border: none;
padding: 0 0.2rem;
}.swtBotTel {
width: 0.5rem;
float: right;
margin: 0.15rem 0 0 0;
}.botNav a {
font-size: 0.24rem;
color: #eee;
margin-top: 0.1rem;
display: inline-block;
float: left;
width: 1.2rem;
height: 70%;
border-left: 1px solid #eee;
text-align: center;
}.botNav a span {
width: 40%;
display: inline-block;
}.botNav a img {
width: 30%;
float: right;
margin: 0.15rem 0.1rem 0 -0.1rem;
}/*底部输入文字*/
.azf2 {
padding-top: 5px;
}#jgChatInput {
width: 65%;
height: 35px;
border: none;
border-bottom: 1px solid #ccc;
}#jgChatSendBut {
width: 18%;
height: 35px;
color: #fff;
font-size: 0.3rem;
background: #009944;
border: none;
border-radius: 6px;
}/*咨询对话*/
#tools3{margin-bottom:0.2rem;}.kefuImg{float:left;margin-left:0.2rem;}.kefuHuida{position:relative;max-width:60%;margin:0.1rem 0.2rem;padding:0.1rem 0.2rem;float:left;border:1px solid #ccc;background:#fff;border-radius:5px;}.kefuHuida p{line-height:0.4rem;}.botKefu,.botKehu{width:100%;overflow:hidden;}.kehuImg{float:right;margin-right:0.2rem;}.botDuiImg{width:0.8rem;}.kehuWenti{position:relative;max-width:60%;float:right;padding:0.1rem 0.2rem;border:1px solid #ccc;background:#fff;border-radius:5px;margin:0.1rem 0.2rem;}.kehuWenti i{position: absolute;
top: 5px;
right: -20px;
width: 20px;
height: 20px;
background: url(http://bd.jgyljt.com/jgswt/img/bdjgAddon/wechat.png) no-repeat scroll 0 -200px;}.kefuHuida i{
position: absolute;
top: -2px;
left: -20px;
width: 20px;
height: 20px;
background: url(http://bd.jgyljt.com/jgswt/img/bdjgAddon/wechat.png) no-repeat scroll 0 -200px;
transform: rotate(-180deg);
}.kefuHuida font{font-size:0.28rem!important;font-family:"Microsoft YaHei"!important;}.kefuHuida strong font,.kefuHuida span font{font-weight:lighter;}
3.弹窗对话js
setTimeout(‘showCenter()‘, 20000);
var tcTime = 0;
var NewtcTime;
swtCenter = document.getElementById(‘swtCenter2‘);
var swtCenterCon2 = document.getElementsByClassName(‘swtCenterCon2‘);
var smCenter = document.getElementById("smCenter");
var lxb_zjtanchuang = document.getElementById("lxb_zjtanchuang");
/*中间弹窗显示*/
var smCentershow = function() {
swtCenter.style.width = "6.0rem";
swtCenter.style.left = ‘50%‘;
lxb_zjtanchuang.style.border = ‘1px solid #ccc‘;
swtCenter.style.top = ‘38%‘;
swtCenter.style.height = ‘4.6rem‘;
smCenter.style.display = "none";
}
/*中间弹窗隐藏*/
var hideCenter = function() {
/*swtCenter.style.display = ‘none‘;*/
swtCenter.style.width = ‘0rem‘;
swtCenter.style.height = ‘0rem‘;
swtCenter.style.top = ‘65%‘;
swtCenter.style.left = ‘130%‘;
lxb_zjtanchuang.style.border = ‘0px‘;
smCenter.style.display = "block";
tcTime++;
if(tcTime == 1) {
NewtcTime = 30000;
} else if(tcTime == 2) {
NewtcTime = 40000;
} else if(tcTime == 3) {
NewtcTime = 50000;
} else {
NewtcTime = 60000;
/*document.querySelector(‘.middleContent2‘).style.display = ‘block‘;*/
}
console.log(tcTime);
console.log(NewtcTime);
setTimeout(‘showCenter()‘, NewtcTime);
}
var swtCenter = document.getElementById("swtCenter2");
var swtClose = document.getElementsByClassName("swtClose")[0];
var swtCircle = document.getElementById("swtCircle");
var showCenter = function() {
var MEIQIA_PANEL_HOLDER = document.getElementById(‘MEIQIA-PANEL-HOLDER‘);
if(MEIQIA_PANEL_HOLDER) {
MEIQIA_PANEL_HOLDER.style.zIndex = ‘1‘
}
swtCenter.className = ‘swtCenter3_1‘;
swtCenter.style.display = ‘none‘;
};
var xl_center_bg = document.getElementById(‘xl_center_bg‘);
var oParent = document.getElementById(‘jgSwt‘);
if(oParent) {
var oClose = oParent.getElementsByTagName(‘article‘)[0];
}
var wxIcon = document.getElementById(‘wxIcon ‘); /*微信动图标*/
var wxIconDiv = document.getElementById(‘wx_iconDiv‘); /*微信弹窗*/
var openWxCenter;
var showWxIco = function() {
var MEIQIA_PANEL_HOLDER = document.getElementById(‘MEIQIA-PANEL-HOLDER‘);
if(MEIQIA_PANEL_HOLDER) {
MEIQIA_PANEL_HOLDER.style.zIndex = ‘1‘
}
wxIconDiv.style.display = "block";
openWxCenter = false;
};
var hideWxCenter = function() {
var MEIQIA_PANEL_HOLDER = document.getElementById(‘MEIQIA-PANEL-HOLDER‘);
if(MEIQIA_PANEL_HOLDER) {
MEIQIA_PANEL_HOLDER.style.zIndex = ‘1‘
}
wxIconDiv.style.display = "block";
swtCenter2.style.display = "none";
openWxCenter = true;
};
/*setTimeout(showWxIco, 6 * 1000);*/
var addWxChange = function() {
if(openWxCenter) {
showWxIco();
} else {
var a = document.getElementById(‘wx_iconDiv‘);
if(navigator.userAgent.match(/iPod/i) != null || navigator.userAgent.match(/iPhone/i) != null) {
a.lastChild.childNodes[0].href = "http://weixin.qq.com/r/ykzexmzEPzFArSil9xnY";
} else {
a.lastChild.childNodes[0].href = "weixin://";
}
hideWxCenter();
}
};
setTimeout("wechatBox()", 10000);
function GetQueryString() {
var refer = document.referrer;
refer = refer + ‘&‘;
var matches = ‘‘;
if(refer.match(/(www|m|youxuan).baidu/)) {
matches = refer.match(/W(wd|word)=(.*?)&/i);
if(matches) {
matches = matches[2];
}
};
if(refer.match(/m.sm.cn/)) {
matches = refer.match(/q=(.*?)&/i);
if(matches) {
matches = matches[1];
}
};
if(refer.match(/sogou.com/)) {
matches = refer.match(/keyword=(.*?)&/i);
if(matches) {
matches = matches[1];
}
};
if(matches && matches.indexOf("%") == 0) {
matches = decodeURIComponent(matches);
} else {
matches = ‘‘;
};
return matches;
};
function fade(element) {
var op = 0.1;
element.style.display = ‘none‘;
var timer = setInterval(function() {
if(op >= 1) {
clearInterval(timer);
element.style.display = ‘block‘;
};
element.style.opacity = op;
element.style.filter = ‘alpha(opacity=‘ + op * 100 + ")";
op += op * 0.1;
}, 50);
};
function wechatBox() {
var $wd = GetQueryString();
if($wd && $wd.length > 0) {
$wd = decodeURIComponent($wd);
/*对话框进商务通*/
$line1 = ‘<a style="color:#000;">关于【“‘ + $wd + ‘”】的问题,我帮你解答疑问!</a>‘;
$line2 = ‘<a style="color:#000;">我先了解下你的情况,白斑在什么位置?</a>‘;
} else {
$line1 = ‘<a>你好,有什么白斑或白癜风问题,可以咨询我</a>‘;
$line2 = ‘<a>先了解你的症状,白斑在哪个部位?</a>‘;
};
var docMsgDivs = document.querySelectorAll(‘.ly-section1 .left div‘);
var docMsgDivs = document.querySelectorAll(‘.ly-section1 .left div‘);
if(document.cookie.indexOf(‘dbwxContent‘) >= 0) {
docMsgDivs[0].innerHTML = "<i></i>" + "你好,有什么白斑或白癜风问题,可以咨询我"
docMsgDivs[1].innerHTML = "<i></i>" + "网络不稳定?可添加微信bd0551yy,随时咨询白斑问题。";
} else {
docMsgDivs[0].innerHTML = "<i></i>" + $line1;
docMsgDivs[1].innerHTML = "<i></i>" + $line2;
};
if(document.querySelector(‘.mytj button‘)) {
document.querySelector(‘.mytj button‘).onclick = function(e) {
tj();
var myDate = new Date();
if(myDate.getHours() >= 0 && myDate.getHours() < 7) {
window.location.href = jgSwtConfig.yejianUrl;
} else {
e.preventDefault();
openZoosUrl(‘chatwin‘, ‘&e=ly--‘ + ($wd || ‘‘) + "-" + decodeURIComponent(document.querySelector(".mytext textarea").value));
document.querySelector(".mytext textarea").value = "";
};
};
}
var docMsgLines = document.querySelectorAll(‘.ly-section1 .line‘);
setTimeout(function() {
fade(docMsgLines[0])
}, 300);
setTimeout(function() {
fade(docMsgLines[1])
}, 3000);
setTimeout(function() {
if(document.querySelectorAll(".ly-section1 .line")[1].querySelector(".left div img")) {
document.querySelectorAll(".ly-section1 .line")[1].querySelector(".left div img").className = "ly-animation-bell on";
}
}, 6000);
var now = new Date();
var hh = now.getHours();
var mm = now.getMinutes();
var date4 = document.getElementById("now4");
GDW = function(obj) {
if(obj < 10) return "0" + obj;
else return obj;
}
date4.innerHTML = GDW(hh) + ":" + GDW(mm);
var jgChatHistory = document.getElementById("botChatRect");
var toopl = document.getElementById("toopl");
var tools2 = document.getElementById("tools2");
var tools3 = document.getElementById("tools3");
setTimeout("toolshow()", 1000);
toolshow = function() {
jgChatHistory.style.display = "block";
//设置最小高度
//jgChatHistory.style.minHeight="220px";
var screenheight = window.screen.height;
if(screenheight <= 480) {
var allmid = document.getElementsByClassName(‘all_mid‘)[0];
allmid.style.cssText = "font-size:12px !important;";
};
tools2.style.display = "none";
tools3.style.display = "none";
setTimeout(toolshow2, 0);
var clearSWTFloatTimer = setInterval(function() {
if(document.querySelector("#LRdiv3")) {
document.querySelector("#LRdiv3").innerHTML = "";
clearInterval(clearSWTFloatTimer);
}
}, 2000);
};
toolshow2 = function() {
tools2.style.display = "block";
setTimeout(toolshow3, 2000);
};
toolshow3 = function() {
tools3.style.display = "block";
};
var timee = 0;
var newTimme;
toolclose = function() {
timee++;
jgChatHistory.style.display = "none";
toopl.style.display = "none";
tools2.style.display = "none";
tools3.style.display = "none";
if(timee == 2) {
newTimme = 30000;
/*newTimme = (timee * 5 + 10) * 1000;*/
} else if(timee >= 3) {
newTimme = 40000;
} else {
newTimme = 20000;
}
console.log(timee);
console.log(newTimme);
setTimeout("toolshow()", newTimme);
};
};
var clearSWTFloatTimer = setInterval(function() {
if(document.querySelector("#LRdiv3")) {
document.querySelector("#LRdiv3").innerHTML = "";
clearInterval(clearSWTFloatTimer);
}
}, 2000);
var s = ‘请输入您的问题或电话..‘;
var con = $(‘.container‘);
var index = 0;
var length = s.length;
var tId = null;
function start() {
con.text(‘‘);
con.append(‘<span></span>‘);
tId = setInterval(function() {
con.append(s.charAt(index));
if(index++ === length) {
clearInterval(tId);
index = 0;
start()
}
}, 400);
}
start();
/*摇一摇*/
if(window.DeviceMotionEvent) {
window.addEventListener(‘devicemotion‘, deviceMotionHandler, false);
}
var SHAKE_THRESHOLD = 3000;
var last_update = 0;
var x, y, z, last_x = 0,
last_y = 0,
last_z = 0;
function deviceMotionHandler(eventData) {
var acceleration = eventData.accelerationIncludingGravity;
var curTime = new Date().getTime();
if((curTime - last_update) > 70) {
var diffTime = curTime - last_update;
last_update = curTime;
x = acceleration.x;
y = acceleration.y;
z = acceleration.z;
var speed = Math.abs(x + y + z - last_x - last_y - last_z) / diffTime * 10000;
if(speed > SHAKE_THRESHOLD) {
window.location.href = "http://8g.65650000.com/zt/bdf_zcanan/?e=right_piaochuang_yaoyiyao";
}
last_x = x;
last_y = y;
last_z = z;
}
}
/*点击后隐藏文字*/
$("#xiu").focus(function() {
$(this).val(‘‘);
document.getElementById(‘swtCenter‘).style.display = ‘none‘;
});
/*点击x关闭添加微信弹窗*/
function thisClose() {
wx_iconDiv.style.display = ‘none‘;
}
function pay() {
payForm = document.getElementById(‘jgForm_2‘);
document.getElementById(‘url‘).value = window.location.href;
payForm.method = "post";
payForm.action = "http://bd.jgyljt.com/jgswt/alipay/orderpay.php";
payForm.submit();
}
/*兼容手机*/
+
function() {
remLayout();
function remLayout() {
var w = document.documentElement.clientWidth;
w = w > 768 ? 768 : w;
w = w <= 320 ? 320 : w;
document.documentElement.style.fontSize = w / 7.5 + ‘px‘;
}
window.addEventListener(‘resize‘, function() {
remLayout();
}, false);
}();
//复制微信小弹窗
function toast(content, fn) {
layer.open({
content: content,
title: ‘点击微信号复制添加‘,
btn: ‘关闭弹窗‘,
shadeClose: true, //点击遮罩关闭
style: ‘‘
})
};
var addVx = document.getElementById("addVx");
addVx.onclick = function() {
toast("bd0551yy");
}
/*触摸上拉对话框开始*/
//获取元素
var botChatSlide= document.querySelector(‘#botChatRect header‘);
var botChatRect= document.querySelector(‘#botChatRect‘);
//获取设备高度
var deviceHei = document.documentElement ? document.documentElement.clientHeight : document.body.clientHeight;
//绑定事件
botChatSlide.ontouchstart = function(ev) {
/*计算手指刚触摸时的y坐标*/
var beiginY = ev.targetTouches[0].clientY;
/*盒子原来的高度*/
var firstHei = parseInt(window.getComputedStyle(botChatRect).height);
this.ontouchmove = function(ev) {
/*计算手指滑动时的y坐标*/
var endY= ev.targetTouches[0].clientY
/*计算滑动了多少距离*/
var moveY = (beiginY - endY );
//限制高度
if(((firstHei + moveY) > 220) && ((firstHei + moveY) < (deviceHei * 0.8))) {
/*盒子动态变高度*/
botChatRect.style.height = firstHei + moveY + "px";
}
}
}
botChatSlide.touchend = function() {
jgScrollPage();
this.ontouchmove = function() {
}
}
/*触摸上拉对话框结束*/
/*咨询对话开始*/
jgSwtConfig.ignoreWelcome = 2; // 忽略咨询开场白
var myDate=new Date();
var jgJump=false;
if(jgSwtConfig.nightHour>8){
jgJump=myDate.getHours()>=jgSwtConfig.nightHour||myDate.getHours()<jgSwtConfig.dayHour;
}else{
jgJump=myDate.getHours()>=jgSwtConfig.nightHour&&myDate.getHours()<jgSwtConfig.dayHour;
}
if(jgJump){
jgSendMsg=function(){window.location=jgSwtConfig.yejianUrl;}
}else{
var script = document.createElement(‘script‘);
script.src = jgSwtConfig.server+‘/jgswt/chat.js‘;
script.id=‘chatjs‘;
document.body.appendChild(script);
}
/*咨询对话结束*/
以上是关于jgAddon咨询对话框缩放的主要内容,如果未能解决你的问题,请参考以下文章