css實(shí)現(xiàn)的對(duì)聯(lián)廣告代碼
更新時(shí)間:2013年11月08日 10:33:17 作者:
本文章提供的對(duì)聯(lián)廣告是完全使用css實(shí)現(xiàn)的,并且兼容所有瀏覽器,包括各種ie,ff,gg瀏覽器哦,代碼簡(jiǎn)潔好用
css 代碼
復(fù)制代碼 代碼如下:
.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)廣告左邊
復(fù)制代碼 代碼如下:
<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)廣告右邊
復(fù)制代碼 代碼如下:
<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)閉按鈕代碼
復(fù)制代碼 代碼如下:
<script language="javascript">
function ad_left(){
document.getElementById('ad_left').style.display="none";
}
function ad_right(){
document.getElementById('ad_right').style.display="none";
}
</script>
相關(guān)文章
China.com網(wǎng)站開(kāi)發(fā)規(guī)范
China.com網(wǎng)站開(kāi)發(fā)規(guī)范...2006-10-10組合CLASS來(lái)完成網(wǎng)頁(yè)布局風(fēng)格
組合CLASS來(lái)完成網(wǎng)頁(yè)布局風(fēng)格...2006-09-09通過(guò)CSS數(shù)學(xué)函數(shù)實(shí)現(xiàn)動(dòng)畫(huà)特效
本文通過(guò)圖片以及代碼,詳細(xì)講解了CSS數(shù)學(xué)函數(shù)如何實(shí)現(xiàn)一些有趣的動(dòng)畫(huà)效果,非常的有趣,感興趣的小伙伴可以借鑒一下這篇文章2021-08-08網(wǎng)頁(yè)使用Google Font API(字體)的方法
本文介紹在網(wǎng)頁(yè)中如何使用Google Font API(字體)的方法2013-11-11