主頁 > 知識(shí)庫 > 不用js多瀏覽器兼容純DIV/CSS對(duì)聯(lián)漂浮廣告代碼

不用js多瀏覽器兼容純DIV/CSS對(duì)聯(lián)漂浮廣告代碼
熱門標(biāo)簽：銀行業(yè)務(wù) 美圖手機(jī) 智能手機(jī) 服務(wù)器配置 網(wǎng)站文章發(fā)布 呼叫中心市場需求 檢查注冊(cè)表項(xiàng) 鐵路電話系統(tǒng)
純DIV/CSS對(duì)聯(lián)漂浮廣告代碼(無JS)
源碼網(wǎng)兩側(cè)漂浮。經(jīng)測試，兼容IE6，IE7，F(xiàn)irefox瀏覽器。

CSS代碼為：
復(fù)制代碼 代碼如下:

.r1{width:80px;height:80px;background:red;float:right;    
     position:fixed !important; top/**/:200px;    
     position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);right:20px;} 
.r2{width:80px;height:80px;background:red;float:right;    
     position:fixed !important; top/**/:300px;    
     position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);right:20px;} 
.l1{width:80px;height:80px;background:red;float:right;    
     position:fixed !important; top/**/:200px;    
     position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);left:20px;} 
.l2{width:80px;height:80px;background:red;float:right;    
     position:fixed !important; top/**/:300px;    
     position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);left:20px;} 


頁面代碼為：
復(fù)制代碼 代碼如下:

div class="r1">a  />/a>/div>   
div class="r2">a  />/a>/div>   
div class="l1">a  />/a>/div>   
div class="l2">a  />/a>/div>   
您可能感興趣的文章:
  • js 對(duì)聯(lián)廣告、漂浮廣告封裝類（IE,FF,Opera,Safari,Chrome
  • js 居中漂浮廣告
  • 兼容性非常好的js右下角與漂浮廣告代碼
  • js右下角與漂浮廣告代碼(兼容多瀏覽器)
  • js漂浮廣告實(shí)現(xiàn)代碼（合集經(jīng)典） 符合W3C
  • JS隨機(jī)漂浮廣告代碼具體實(shí)例
  • js實(shí)現(xiàn)全屏漂浮廣告移入光標(biāo)停止移動(dòng)
  • Javascript實(shí)現(xiàn)帶關(guān)閉按鈕的網(wǎng)頁漂浮廣告代碼
  • 基于javascript實(shí)現(xiàn)全屏漂浮廣告

標(biāo)簽：長治 新疆 上海 樂山 沈陽 河南 紅河 滄州

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《不用js多瀏覽器兼容純DIV/CSS對(duì)聯(lián)漂浮廣告代碼》，本文關(guān)鍵詞  ；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼

    • 電話咨詢

    • 400-1100-266