w3c声明下可运行兼容性比较好的js对联广告集合

网络编程 2024/5/19 佚名

3 2 1

最后我们给出合适的代码:
核心代码:
复制代码代码如下:
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);

//下面这段删除后，对联将不跟随屏幕而移动。
window.setInterval("heartBeat()",1);
//-->

function closeAD()
{
document.getElementById("leftDIV").style.display='none';
document.getElementById("rightDIV").style.display='none';
}

为了防止冲突，我们修改后的代码：
因为客户只需要右侧的代码，左侧的我们留空。
复制代码代码如下:
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);

//下面这段删除后，对联将不跟随屏幕而移动。
window.setInterval("heartBeat2()",1);
//-->
function closeAD()
{
document.getElementById("leftDIV2").style.display='none';
document.getElementById("rightDIV2").style.display='none';
}

后来经过网上查找，又发现了一个不错的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> html,body{margin:0;font-family:Arial;font-size:12px;} #ad1,#ad2{position:absolute;float:left;width:100px;overflow:hidden; } #ad2{right:0;} #killAd1,#killAd2{position:absolute;bottom:10px;right:10px;cursor:pointer;border:1px solid #990000;padding:0 5px;background:red;color:#fff; } </style> </head> <body> x <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20110713115423968.jpg');"><img src="/UploadFiles/2021-04-02/20110713115423968.jpg" alt="w3c声明下可运行兼容性比较好的js对联广告集合" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> x <a href="javascript:;" onclick="showimg('/upload/201107/20110713115423968.jpg');"><img src="/upload/201107/20110713115423968.jpg" alt="w3c声明下可运行兼容性比较好的js对联广告集合" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <p></p> </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
Js对联广告代码
经典的对联广告代码，JS代码实现，很简洁，也是通用的代码，随着滚动条的滚动自动适应，对联大小由CSS控制，这使得代码修改起来更加方便快捷，不懂JS也没有关系。不过本代码有一处遗憾就是没有关闭功能，真想用的可以自己加一个。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>标准对联广告Js代码</title> <style type="text/css"> </style> </head> <body> </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

对联广告

标签：

对联广告

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

评论“w3c声明下可运行兼容性比较好的js对联广告集合”

w3c声明下可运行兼容性比较好的js对联广告集合

暂无“w3c声明下可运行兼容性比较好的js对联广告集合”评论...

w3c声明下可运行兼容性比较好的js对联广告集合

对联广告

js 弹出层并可以拖拽

Javascript 文本框textarea高度随内容自适应增长收缩

评论“w3c声明下可运行兼容性比较好的js对联广告集合”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新动态

友情链接

w3c声明下可运行 兼容性比较好的js对联广告集合

对联广告

js 弹出层 并可以拖拽

Javascript 文本框textarea高度随内容自适应增长收缩

评论“w3c声明下可运行 兼容性比较好的js对联广告集合”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新动态

友情链接

w3c声明下可运行兼容性比较好的js对联广告集合

js 弹出层并可以拖拽

评论“w3c声明下可运行兼容性比较好的js对联广告集合”