css实现的对联广告代码

本文章提供的对联广告是完全使用css实现的，并且兼容所有浏览器，包括各种ie,ff,gg浏览器哦，代码简洁好用

css 代码

/* 底部固定*/
.couplet_ad
{
    position:fixed;
    bottom:auto;
    top:0; 
    width: 120px; 
    height: 230px; 
    z-index:99999; 
    margin-top:158px;
}
/* IE6 底部固定*/
html .couplet_ad
{
    _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" id="ad_left">
    <a target="_blank" href=""><img src="dl.jpg"></a>
    <a onClick="ad_left();">关闭</a>
</div>

对联广告右边

<div class="couplet_ad" id="ad_right">
    <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>

喜欢 (0) 打赏 分享

感谢您的支持，我会继续努力的!

扫码打赏，你说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦