?頁設計

html

對聯(lián)樣式代碼

,

純

CSS

做對聯(lián)?告代碼

上?篇?章介紹了使?JS?法對聯(lián)?告，帶有可關閉的功能：《JS對聯(lián)?告 - 可點擊關閉的兩側對聯(lián)?告代碼》

下?為?家再介紹?個純CSS(也不能說全純CSS，還是有?句javascript代碼的，可直接寫在模板中，不會被攔截)

如果是百分百純CSS，是不具有關閉?告的功能，只能使?position進?相對瀏覽器進?懸浮固定才?！

css 代碼.couplet_ad

{position:fixed;bottom:auto; top:0; width: 120px; height: 230px; z-index:99999; margin-top:158px;}

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

對聯(lián)?告左邊

關閉

對聯(lián)?告右邊

關閉

這個js是關閉按鈕代碼

function ad_left(){

document.getElementById('ad_left').style.display="none";

}

function ad_right(){

document.getElementById('ad_right').style.display="none";

}