css實現(xiàn)的對聯(lián)廣告代碼
更新時間:2013年11月08日 10:33:17 作者:
本文章提供的對聯(lián)廣告是完全使用css實現(xiàn)的,并且兼容所有瀏覽器,包括各種ie,ff,gg瀏覽器哦,代碼簡潔好用
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中即可)
對聯(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>
對聯(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>
這個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>
相關(guān)文章
China.com網(wǎng)站開發(fā)規(guī)范
China.com網(wǎng)站開發(fā)規(guī)范...2006-10-10通過CSS數(shù)學函數(shù)實現(xiàn)動畫特效
本文通過圖片以及代碼,詳細講解了CSS數(shù)學函數(shù)如何實現(xiàn)一些有趣的動畫效果,非常的有趣,感興趣的小伙伴可以借鑒一下這篇文章2021-08-08網(wǎng)頁使用Google Font API(字體)的方法
本文介紹在網(wǎng)頁中如何使用Google Font API(字體)的方法2013-11-11