当前位置 博文首页 > css实现的对联广告代码

    css实现的对联广告代码

    作者:admin 时间:2021-08-30 19:04

    css 代码

    复制代码 代码如下:

    .couplet_ad
    /* 底部固定*/{position:fixed;bottom:auto; top:0; width: 120px; height: 230px; z-index:99999; margin-top:158px;}
    * html .couplet_ad
    /* IE6 底部固定*/{_position:absolute;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop));}
    .couplet_ad a{ display:block; cursor:pointer;}
    #ad_left{ left: 0px;}
    #ad_right{ right: 0px;}
     

    html代码(下代码直接放到html中即可)
    对联广告左边
    复制代码 代码如下:

    <div class="couplet_ad" >
    <a target="_blank" href=""><img src="dl.jpg"></a>
    <a onClick="ad_left();">关闭</a>
    </div>
     

    对联广告右边
    复制代码 代码如下:

    <div class="couplet_ad" >
    <a target="_blank" href=""><img src="dl.jpg"></a>
    <a  onClick="ad_right();">关闭</a>
    </div>
     

    这个js是关闭按钮代码

    复制代码 代码如下:

    <script language="javascript">
    function ad_left(){
    document.getElementById('ad_left').style.display="none";
    }
    function ad_right(){
    document.getElementById('ad_right').style.display="none";
    }
    </script>
     

    jsjbwy
    下一篇:没有了