倒计时拉幕广告，对联广告效果-23

<!--拉幕广告-->
<style type="text/css">
/* advbox */
*html,*html body{background-image:url(about:blank);background-attachment:fixed;}
*html .advbox{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
.advbox{width:1190px;position:fixed;display:none;left:50%;top:0;margin:-200px 0 0 -595px;}
.advbox .advpic{position:relative;height:450px;overflow:hidden;}
.advbox .advpic .closebtn{display:block;width:60px;height:26px;line-height:26px;font-size:12px;color:#fff; text-align:center;overflow:hidden;position:absolute;right:8px;top:5px;z-index:99; cursor:pointer; background:#000;opacity:0.8; filter:alpha(opacity=80);-moz-opacity:0.8;}
.advbox .advpic .ad_time{display:block;width:180px;height:26px;line-height:26px;font-size:12px;color:#fff; text-align:center;overflow:hidden;position:absolute;left:8px;top:5px;z-index:99; cursor:pointer; background:#000;opacity:0.8; filter:alpha(opacity=80);-moz-opacity:0.8;}
.advbox .advpic .ad_time strong{
        width: 20px;
        display: inline-block;
        text-align: center;
        font-family: georgia;
        color: #fff;
    }    
.bg1_1{ width:1200px; height:500px; background:#f2f2f2; margin:0 auto;}    
.bg1_2{ width:1200px; height:500px; background:#ffefee; margin:0 auto;}
.bg1_3{ width:1200px; height:500px; background:#ededed; margin:0 auto;}
    
</style>

<div class="bg1_1"></div>
<div class="bg1_2"></div>
<div class="bg1_3"></div>


<div class="advbox">
    <div class="advpic">
        <a href="http://info.machine.hc360.com/zt/zzwl/index.shtml" target="_blank"><img width="1190" height="450" src="http://www.hc360.com/dx/images/gg1.png"/></a>
        <div href="javascript:void(0);" class="closebtn">关闭</div>
       <div class="ad_time"> 广告时间还剩<strong class="a">10</strong>秒 <strong class="b"></strong>毫秒</div>
    </div>    
</div>



<script src="https://b2b.hc360.com/2019/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        var times = 5 * 100; // 60秒
        countTime = setInterval(function() {
            times = --times < 0 ? 0 : times;
            var ms = Math.floor(times / 100).toString();

            if(ms.length <= 1) {
                ms = "0" + ms;
            }
            var hm = Math.floor(times % 100).toString();
            if(hm.length <= 1) {
                hm = "0" + hm;
            }
            if(times == 0) {
                $(".advbox").fadeOut(500);
                clearInterval(countTime);
            }
            // 获取分钟、毫秒数
            $(".a").html(ms);
            $(".b").html(hm);
        }, 10);
    });
</script>

<script type="text/javascript">
$(document).ready(function(){

    $(".advbox").show();
    $(".advbox").animate({top:"50%"},800);
    
    $(".closebtn").click(function(){
        $(".advbox").fadeOut(500);
    })
})
</script>






<!--对联广告 开始-->
<script type="text/javascript">

    document.write('<div class="dlAD_l" id="dlAD_l"><div class="close_dlAD"><span onclick="close_dlAD();">关闭</span></div><a rel="nofollow" href="http://info.machine.hc360.com/zt/zzwl/index.shtml"><img src="http://img04.hc360.com/machine/201612/201612131627554216.gif" /></a></div>');

    document.write('<div class="dlAD_r" id="dlAD_r"><div class="close_dlAD"><span onclick="close_dlAD();">关闭</span></div><a rel="nofollow" href="http://info.machine.hc360.com/zt/zzwl/index.shtml"><img src="http://img04.hc360.com/machine/201612/201612131627554216.gif" /></a></div>');
    
</script>
<script>
function close_dlAD(){
    document.getElementById("dlAD_l").style.display="none";
    document.getElementById("dlAD_r").style.display="none";
    }
</script>

<style>
.dlAD_l{width:110px;height:321px;float:left;position:fixed;top:121px;left:0;overflow:hidden;}
.dlAD_r {width:110px;height:321px;float:right;position:fixed;top:121px;overflow:hidden;right:0;}.close_dlAD {width:108px;height:20px;line-height:22px;color:#333;font-size:12px;background:url(http://style.org.hc360.com/css_hy/images/new_dlAD/dlAD_close.jpg) no-repeat;overflow:hidden;}.close_dlAD span {cursor:pointer;}.dlAD_r .close_dlAD {background-position:3px 5px;}.dlAD_l .close_dlAD {background-position:94px 5px;}.dlAD_r .close_dlAD span {float:left;padding-left:19px;}.dlAD_l .close_dlAD span {float:right;padding-right:19px;}* html .dlAD_l {position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop)+100);}* html .dlAD_r {position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop)+100);}* html, * html body {background-image:url(about:blank);background-attachment:fixed;}
</style>
<!--对联广告 结束-->