上一篇文章介紹了使用JS方法對(duì)聯(lián)廣告，帶有可關(guān)閉的功能：《JS對(duì)聯(lián)廣告 - 可點(diǎn)擊關(guān)閉的兩側(cè)對(duì)聯(lián)廣告代碼》

下面為大家再介紹一個(gè)純CSS（也不能說全純CSS，還是有幾句javascript代碼的，可直接寫在模板中，不會(huì)被攔截）

如果是百分百純CSS，是不具有關(guān)閉廣告的功能，只能使用position進(jìn)行相對(duì)瀏覽器進(jìn)行懸浮固定才行！

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中即可)

對(duì)聯(lián)廣告左邊

<div class="couplet_ad" id="ad_left">
<a target="_blank" href=""><img src="dl.jpg"></a>
<a onClick="ad_left();">關(guān)閉</a>
</div>

 對(duì)聯(lián)廣告右邊

<div class="couplet_ad" id="ad_right">
<a target="_blank" href=""><img src="dl.jpg"></a>
<a  onClick="ad_right();">關(guān)閉</a>
</div>

 這個(gè)js是關(guān)閉按鈕代碼

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