css實(shí)現(xiàn)的對聯(lián)廣告代碼
更新時(shí)間：2013年11月08日 10:33:17 作者：
本文章提供的對聯(lián)廣告是完全使用css實(shí)現(xiàn)的，并且兼容所有瀏覽器，包括各種ie,ff,gg瀏覽器哦，代碼簡潔好用
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中即可)
對聯(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>
對聯(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)文章
在默認(rèn)情況下，F(xiàn)F和IE的解釋標(biāo)準(zhǔn)是不一樣的，也就是說，如果一個(gè)網(wǎng)頁沒有聲明DOCTYPE，它就會以默認(rèn)的DOCTYPE解釋下面的HTML。在同 一種標(biāo)準(zhǔn)下，不同瀏覽器的解釋模型都有所差異，2014-05-05
典型的三行二列居中高度自適應(yīng)布局...2006-08-08
讓comment標(biāo)記在各瀏覽器都能通用...2006-09-09
網(wǎng)頁美工制作規(guī)范...2006-08-08
廣義的故障藝術(shù)不僅僅指這種效果，我覺得是很寬泛的，本文將介紹一些CSS能夠模擬完成的故障藝術(shù)效果。2021-05-05
塊元素block element和內(nèi)聯(lián)元素inline element
塊元素block element和內(nèi)聯(lián)元素inline element...2006-09-09
HTML中的圖象標(biāo)簽屬性...2006-08-08
JavaScript實(shí)現(xiàn)form提交，回車提交URL地址偽靜態(tài)
文本框input里輸入內(nèi)容后，直接Enter回車鍵提交表單form，是很方便的。如果不使用form提交，用JavaScript來實(shí)現(xiàn)提交動作，而且提交URL地址偽靜態(tài)化，不想帶問號和搜索關(guān)鍵詞，搜索框內(nèi)enter回車鍵自動提交那么應(yīng)該如何實(shí)現(xiàn)呢。2022-12-12
這篇文章主要介紹了HTML clearfix清除浮動講解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
CSS中box（盒模式）的分析...2006-08-08