码迷,mamicode.com
首页 > 其他好文 > 详细

jgAddon咨询对话框缩放

时间:2018-07-07 15:48:21      阅读:298      评论:0      收藏:0      [点我收藏+]

标签:serve   including   erp   sgd   footer   app   事件   hide   tco   

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‘,‘&amp;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‘,‘&amp;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‘,‘&amp;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‘,‘&amp;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‘,‘&amp;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咨询对话框缩放

标签:serve   including   erp   sgd   footer   app   事件   hide   tco   

原文地址:https://www.cnblogs.com/1666818961-lxj/p/9277220.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!