广告_山野村夫专栏-优快云博客

本文链接：https://blog.youkuaiyun.com/blue_lw/article/details/2065021

对联广告:

在要显示广告的页面的<body>部分写

ad.js文件内容如下:

var delta = 0.08

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-106 ' , 80 ,

' <img src=images/guanggao1.gif border=0> ' );

// 左面

theFloaters.addItem( ' followDiv2 ' , 6 , 80 , ' <img src=images/guanggao2.gif border=0> ' );

theFloaters.play();

// 图片格式调用方法

// <a href=http://www.makewing.com/lanren/ target=_blank><img src=images/ad_100x300.jpg border=0></a>

// swf调用格式

' <EMBED src=images/duilian.swf quality=high WIDTH=100 HEIGHT=300 TYPE=application/x-shockwave-flash id=ad wmode=opaque></EMBED> '

// 下面的这个显示隐藏有问题,不知为什么

function hidead()

{

//showad = false;

followDiv1.style.display="none";

followDiv2.style.display="none";

}

这样可以:

function hidead()

{

showad = false;

document.all.guanggao_tanchu.style.display="none";

}

在这个广告上要加一个关闭按钮就这样:

<div align="right" style="position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:;" οnclick="hidead()" style="color:#FFFF33;text-decoration:none;font-size:12px;">关闭</a></div

在那个图片的上面即在<img>前

注意还有一个问题就是,当页面有flash的时候,他会显示在flash的下面

解决办法:在盖住他的flash上加一个属性:

在那个广告层写上<div style="position:absolute;">

弹出广告

在页面的<body>部分加一个层

注意id号

要让5秒后隐藏这样写

setTimeout('document.all.guanggao_tanchu.style.display="none";',5000);

要让客户关闭这样写:

function hidead()
{
showad = false;
document.all.guanggao_tanchu.style.display="none";
}
</script>

另外一个判断页面是否加载完毕的javascript