w3c聲明下可運(yùn)行 兼容性比較好的js對聯(lián)廣告集合
更新時(shí)間:2011年07月13日 11:54:30 作者:
最近有美工朋友找我們要兼容性比較好的對聯(lián)廣告代碼,我們給他一個(gè)他竟然不能運(yùn)行,經(jīng)過排查,這是因?yàn)楝F(xiàn)在的廣告也用了一樣代碼,函數(shù)命名重復(fù)。
最后我們給出合適的代碼:
核心代碼:
復(fù)制代碼 代碼如下:
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("leftDIV").style.top=parseInt(document.getElementById("leftDIV").style.top)+percent+"px";
document.getElementById("rightDIV").style.top=parseInt(document.getElementById("leftDIV").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
sidebar1= "<div id=leftDIV style='left:0px; PosITION:absolute; TOP:0px;'><embed src=2010L.swf width=150 height=400 quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash scale=exactfit wmode=transparent id=EccoolAD></embed></div>"
sidebar2= "<div id=rightDIV style='right:0px; PosITION:absolute; TOP:0px;'><embed src=2010R.swf width=150 height=400 quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash scale=exactfit wmode=transparent id=EccoolAD></embed></div> "
document.write(sidebar1);
document.write(sidebar2);
//下面這段刪除后,對聯(lián)將不跟隨屏幕而移動(dòng)。
window.setInterval("heartBeat()",1);
//-->
function closeAD()
{
document.getElementById("leftDIV").style.display='none';
document.getElementById("rightDIV").style.display='none';
}
為了防止沖突,我們修改后的代碼:
因?yàn)榭蛻糁恍枰覀?cè)的代碼,左側(cè)的我們留空。
復(fù)制代碼 代碼如下:
lastScrollY=0;
function heartBeat2(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("leftDIV2").style.top=parseInt(document.getElementById("leftDIV2").style.top)+percent+"px";
document.getElementById("rightDIV2").style.top=parseInt(document.getElementById("leftDIV2").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
sidebar1= "<div id=leftDIV2 style='left:0px; PosITION:absolute; TOP:0px;'></div>"
sidebar2= "<div id=rightDIV2 style='right:0px; PosITION:absolute; TOP:0px;'><embed src=http://www.pcqc.com.cn/web/rdgqcq/dl/images/rdcq.swf width=150 height=400 quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash scale=exactfit wmode=transparent id=EccoolAD></embed></div> "
document.write(sidebar1);
document.write(sidebar2);
//下面這段刪除后,對聯(lián)將不跟隨屏幕而移動(dòng)。
window.setInterval("heartBeat2()",1);
//-->
function closeAD()
{
document.getElementById("leftDIV2").style.display='none';
document.getElementById("rightDIV2").style.display='none';
}
后來經(jīng)過網(wǎng)上查找,又發(fā)現(xiàn)了一個(gè)不錯(cuò)的代碼
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
Js對聯(lián)廣告代碼
經(jīng)典的對聯(lián)廣告代碼,JS代碼實(shí)現(xiàn),很簡潔,也是通用的代碼,隨著滾動(dòng)條的滾動(dòng)自動(dòng)適應(yīng),對聯(lián)大小由CSS控制,這使得代碼修改起來更加方便快捷,不懂JS也沒有關(guān)系。不過本代碼有一處遺憾就是沒有關(guān)閉功能,真想用的可以自己加一個(gè)。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- JS實(shí)現(xiàn)可關(guān)閉的對聯(lián)廣告效果代碼
- js 左右懸浮對聯(lián)廣告特效代碼
- js 左右懸浮對聯(lián)廣告代碼示例
- js寫出遮罩層登陸框和對聯(lián)廣告并自動(dòng)跟隨滾動(dòng)條滾動(dòng)
- js 對聯(lián)廣告、漂浮廣告封裝類(IE,FF,Opera,Safari,Chrome
- 不用js多瀏覽器兼容純DIV/CSS對聯(lián)漂浮廣告代碼
- 對聯(lián)廣告js flash激活
- 符合標(biāo)準(zhǔn)的js對聯(lián)廣告
- [對聯(lián)廣告] JS腳本類
- JS實(shí)現(xiàn)很實(shí)用的對聯(lián)廣告代碼(可自適應(yīng)高度)
- 多瀏覽器兼容性比較好的flash對聯(lián)廣告
相關(guān)文章
js下將字符串當(dāng)函數(shù)執(zhí)行的方法
js下將字符串當(dāng)函數(shù)執(zhí)行的方法,需要的朋友可以參考下。2011-07-07ExpressJS使用express-ws的實(shí)例詳解
這篇文章主要介紹了ExpressJS使用express-ws的實(shí)例代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09JS+CSS實(shí)現(xiàn)鼠標(biāo)經(jīng)過彈出一個(gè)DIV框完整實(shí)例(帶緩沖動(dòng)畫漸變效果)
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)鼠標(biāo)經(jīng)過彈出一個(gè)DIV框的實(shí)現(xiàn)方法,帶緩沖漸變動(dòng)畫效果,涉及鼠標(biāo)事件的響應(yīng)及結(jié)合時(shí)間函數(shù)定時(shí)觸發(fā)形成動(dòng)畫漸變效果的相關(guān)技巧,需要的朋友可以參考下2016-03-03JavaScript中停止執(zhí)行setInterval和setTimeout事件的方法
這篇文章主要介紹了JavaScript中停止執(zhí)行setInterval和setTimeout事件的方法,本文給出操作實(shí)例代碼和語法介紹,需要的朋友可以參考下2015-05-05