实现页面漂浮广告的两种方法

发表评论

实现页面漂浮广告的两种方法

想在首页做一个漂浮广告，找到两种方法。

方法一
在网页的某个位置加上。
　　ad.js的代码为：

程序代码
varyuxingbrOK=false;
varmie=false;
varaver=parseInt(navigator.appVersion.substring(0,1));
varaname=navigator.appName;
varyuxingmystop=0;

functionyuxingcheckbrOK()
{if(aname.indexOf(“InternetExplorer”)!=-1)
{if(aver>=4)yuxingbrOK=navigator.javaEnabled();
mie=true;
}
if(aname.indexOf(“Netscape”)!=-1)
{if(aver>=4)yuxingbrOK=navigator.javaEnabled();}
}
varvmin=2;
varvmax=5;
varvr=2;
vartimer1;

functionyuxingchip(chipname,width,height)
{
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}

functionyuxingmovechip(chipname)
{
if(yuxingbrOK&&yuxingmystop==0)
{eval(“yuxingchip=”+chipname);
if(!mie)
{pageX=window.pageXOffset;
pageW=window.innerWidth;
pageY=window.pageYOffset;
pageH=window.innerHeight;
}
else
{pageX=window.document.body.scrollLeft;
pageW=window.document.body.offsetWidth-8;
pageY=window.document.body.scrollTop;
pageH=window.document.body.offsetHeight;
}
yuxingchip.xx=yuxingchip.xx+yuxingchip.vx;
yuxingchip.yy=yuxingchip.yy+yuxingchip.vy;
yuxingchip.vx+=vr*(Math.random()-0.5);
yuxingchip.vy+=vr*(Math.random()-0.5);
if(yuxingchip.vx>(vmax+vmin))yuxingchip.vx=(vmax+vmin)*2-yuxingchip.vx;
if(yuxingchip.vx<(-vmax-vmin))yuxingchip.vx=(-vmax-vmin)*2-yuxingchip.vx;
if(yuxingchip.vy>(vmax+vmin))yuxingchip.vy=(vmax+vmin)*2-yuxingchip.vy;
if(yuxingchip.vy<(-vmax-vmin))yuxingchip.vy=(-vmax-vmin)*2-yuxingchip.vy;
if(yuxingchip.xx<=pageX)
{yuxingchip.xx=pageX;
yuxingchip.vx=vmin+vmax*Math.random();
}
if(yuxingchip.xx>=pageX+pageW-yuxingchip.w)
{yuxingchip.xx=pageX+pageW-yuxingchip.w;
yuxingchip.vx=-vmin-vmax*Math.random();
}
if(yuxingchip.yy<=pageY)
{yuxingchip.yy=pageY;
yuxingchip.vy=vmin+vmax*Math.random();
}
if(yuxingchip.yy>=pageY+pageH-yuxingchip.h)
{yuxingchip.yy=pageY+pageH-yuxingchip.h;
yuxingchip.vy=-vmin-vmax*Math.random();
}
if(!mie)
{eval('document.'+yuxingchip.named+'.top='+yuxingchip.yy);
eval('document.'+yuxingchip.named+'.left='+yuxingchip.xx);
}
else
{eval('document.all.'+yuxingchip.named+'.style.pixelLeft='+yuxingchip.xx);
eval('document.all.'+yuxingchip.named+'.style.pixelTop='+yuxingchip.yy);
}
yuxingchip.timer1=setTimeout(“yuxingmovechip('”+yuxingchip.named+”')”,100);
}
}
functionyuxingstop(x)
{
yuxingbrOK=true;
yuxingmystop=x;
yuxingmovechip(“yuxingtome”);
}
varyuxingtome;
varyuxingchip;
functionyuxingtome()
{yuxingcheckbrOK();
yuxingtome=newyuxingchip(“yuxingtome”,80,80);
if(yuxingbrOK)
{yuxingmovechip(“yuxingtome”);
}
}

ns4=(document.layers)?true:false;
ie4=(document.all)?true:false;

functionyuxingover()
{
if(ns4){
//document.yuxing.left=window.innerWidth/2-400;
eval('document.yuxing.left=document.'+yuxingchip.named+'.left');
eval('document.yuxing.top=document.'+yuxingchip.named+'.top-15');
document.yuxing.visibility=”show”;
}elseif(ie4)
{
//document.all.yuxing.style.left=window.document.body.offsetWidth/2-400;
document.all.yuxing.style.left=parseInt(document.all.yuxingtome.style.left);
document.all.yuxing.style.top=parseInt(document.all.yuxingtome.style.top)+80;
document.all.yuxing.style.visibility=”visible”;
yuxingstop(1);
}
}

functionyuxingout()
{
if(ns4){
document.yuxing.visibility=”hide”;
}elseif(ie4)
{
document.all.yuxing.style.visibility=”hidden”;
yuxingstop(0);
}
}

document.write(“
“
+”

“);
yuxingtome()

方法二

在页面加上

程序代码






　　softreg-moveball.js的代码为：
程序代码
//在要便用漂浮体的页面上，嵌入本文件
//并加入的标记，在其中加入广告内容

//设置下面一些参数，小球移动速度1-50，数值大速度快；
varballWidth=100;
varballHeight=100;
varBallSpeed=1;

varmaxBallSpeed=50;
varxMax;
varyMax;
varxPos=0;
varyPos=0;
varxDir='right';//水平方向向右移动
varyDir='down';//垂直方向向下移动
varsuperballRunning=true;
vartempBallSpeed;
varcurrentBallSrc;
varnewXDir;
varnewYDir;

functioninitializeBall(){
if(document.all){
xMax=document.body.clientWidth;
yMax=document.body.clientHeight;
document.all(“softreg-moveball”).style.visibility=”visible”;
}
elseif(document.layers){
xMax=window.innerWidth;
yMax=window.innerHeight;
document.layers[“softreg-moveball”].visibility=”show”;
}
}

functionmoveBall(){
if(superballRunning==true){
calculatePosition();

if(document.all){
document.all(“softreg-moveball”).style.left=xPos+document.body.scrollLeft;
document.all(“softreg-moveball”).style.top=yPos+document.body.scrollTop;
}else

if(document.layers){
document.layers[“softreg-moveball”].left=xPos+pageXOffset;
document.layers[“softreg-moveball”].top=yPos+pageYOffset;
}
setTimeout('moveBall()',30);
}
}

functioncalculatePosition()
{
if(xDir==”right”){
if(xPos>(xMax-ballWidth-BallSpeed)){
xDir=”left”;
}
}else

if(xDir==”left”){
if(xPos<(0+BallSpeed)){
xDir=”right”;
}
}

if(yDir==”down”){
if(yPos>(yMax-ballHeight-BallSpeed)){
yDir=”up”;
}
}else

if(yDir==”up”){
if(yPos<(0+BallSpeed)){
yDir=”down”;
}
}

/**/if(xDir==”right”)xPos=xPos+BallSpeed;
elseif(xDir==”left”)xPos=xPos-BallSpeed;

/**/if(yDir==”down”)yPos=yPos+BallSpeed;
elseif(yDir==”up”)yPos=yPos-BallSpeed;
}

if(document.all||document.layers)
window.onload=initializeBall;setTimeout('moveBall()',400);
window.onresize=initializeBall;

　　这两种方法我都试过，都成功，当然，我不知道哪一种方法好。我用的是第二种。　　

点击下载漂浮广告源文件