网页两侧广告代码

最新推荐文章于 2021-07-10 06:49:05 发布

原创最新推荐文章于 2021-07-10 06:49:05 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#function #javascript #string

本文介绍了一种使用JavaScript实现网页浮动广告的方法。通过动态调整广告位置确保其始终可见，即使用户滚动页面也能跟随。文中提供了具体的实现代码，包括如何创建浮动元素及响应滚动事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function close163news()

{

searchspe.style.visibility='hidden';

searchspe2.style.visibility='hidden';

}

var specialcode="<DIV id=searchspe style='Z-INDEX: 100; right: 1px; POSITION: absolute; TOP: 30px;'><TABLE cellSpacing=0 cellPadding=0 width=150 style='font-size:12px;color:#ffffff'><TR bgcolor=#C54A00><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick='close163news()' width=30>关闭</TD></TR></TABLE>广告内容</DIV>";

document.write(specialcode);

lastScrollX=0;

function heartBeat0()

{

diffY=document.body.scrollTop;

percent=.1*(diffY-lastScrollX);

if(percent>0)

percent=Math.ceil(percent);

else

percent=Math.floor(percent);

document.all.searchspe.style.pixelTop+=percent;

lastScrollX=lastScrollX+percent;

}

window.setInterval("heartBeat0()",1);

var specialcode2="<DIV id=searchspe2 style='Z-INDEX: 100; left: 1px; POSITION: absolute; TOP: 30px;'><TABLE cellSpacing=0 cellPadding=0 width=150 style='font-size:12px;color:#ffffff'><TR bgcolor=#12BDFF><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick='close163news()' width=30>关闭</TD></TR></TABLE>广告内容</DIV>";

document.write(specialcode2);

lastScrollY=0;

function heartBeat1()

{

diffY=document.body.scrollTop;percent=.1*(diffY-lastScrollY);

if(percent>0)

percent=Math.ceil(percent);

else

percent=Math.floor(percent);

document.all.searchspe2.style.pixelTop+=percent;

lastScrollY=lastScrollY+percent;

}

window.setInterval("heartBeat1()",1);</script>

<!-- <script language=javascript>

var delta=0.15

var collection;

function floaters() {

this.items = [];

this.addItem = function(id,x,y,content)

{

document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');

var newItem = {};

newItem.object = document.getElementById(id);

newItem.x = x;

newItem.y = y;

this.items[this.items.length] = newItem;

}

this.play = function()

{

collection = this.items

setInterval('play()',10);

}

function play()

{

for(var i=0;i<collection.length;i++)

{

var followObj = collection[i].object;

var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);

var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {

var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;

dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));

followObj.style.left=followObj.offsetLeft+dx;

}

if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {

var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;

dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));

followObj.style.top=followObj.offsetTop+dy;

}

followObj.style.display = '';

}

var theFloaters = new floaters();

theFloaters.addItem('followDiv1','document.body.clientWidth-110',15,'<a href=http://myok.bokee.com target=_blank><img src=http://wz.2000y.net/uploadpic/2005062304270932587.gif border=0></a><br><br>');

theFloaters.addItem('followDiv2',12,15,'<a href=myok.bokee.com target=_blank><img src=http://wz.2000y.net/uploadpic/2005062304260961389.gif border=0></a><br><br>');

theFloaters.play();

</script>

-->