2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 对联广告代码效果之三[允许关闭]

对联广告代码效果之三[允许关闭]

时间:2024-02-12 02:49:04

相关推荐

对联广告代码效果之三[允许关闭]

对联广告代码效果之三[允许关闭],对联广告代码效果之三[允许关闭]

现在很多网站广告做的如火如荼,现在我就来介绍一下常见的对联浮动广告效果的代码使用方法,本文介绍的这种效果,在1024*768分辨率下正常显示,在800*600的分辨率下可以自动隐藏,以免遮住页面影响访问者浏览内容,而且与前面两个代码不同的是,广告图下方增加了一个图片按纽,允许访客点击关闭广告图片,下面文本框中就是实现效果所需代码:

var delta=0.015;

var collection;

var closeB=false;

function floaters() {

= [];

= function(id,x,y,content)

{

(<DIV+(typeof(x)=="string"?eval(x):x)+;top:+(typeof(y)=="string"?eval(y):y)+\"+content+</DIV);

var newItem = {};

= ();

newItem.x = x;

newItem.y = y;

[.length] = newItem;

}

= function()

{

collection =

setInterval(play(),30);

}

}

function play()

{

if(& || closeB)

{

for(var i=0;i<++)

{

collection[i]. = one;

}

return;

}

for(var i=0;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=(dx0?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=(dy0?1:-1)*Math.ceil(Math.abs(dy));

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

}

followObj.style.display = \;

}

}

function closeBanner()

{

closeB=true;

return;

}

var theFloaters = new floaters();

//

theFloaters.addItem(followDiv1,document.body.clientWidth-100,0,<a onClick="closeBanner();" href=target=_blank<img src="/attachment/portal/chinazcj/-11/20/051120411.gif" width=100 height=554 border=0</a<br<br<img src="/attachment/portal/chinazcj/-11/20/051113308.gif" onClick="closeBanner();");

theFloaters.addItem(followDiv2,0,0,<a onClick="closeBanner();" href= target=_blank<img src="/attachment/portal"

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。