在网页上设计飘动广告

时间：2007-02-17 来源：PHP爱好者

把下面的代码加入<head>...</head>之间：
var brOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;
//check browser
function checkbrOK()
{
if(aname.indexOf("Internet Explorer")!=-1)
{
if(aver>=4)
brOK=navigator.javaEnabled();
mie=true;
}
if(aname.indexOf("Netscape")!=-1)
{
if(aver>=4)
brOK=navigator.javaEnabled();
}
}

var vmin=5;
var vmax=2;
var vr=2;
var timer1;
function Chip(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;
}
function movechip(chipname)
{
if(brOK)
{
eval("chip=" 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;
}
chip.xx=chip.xx chip.vx;
chip.yy=chip.yy chip.vy;
chip.vx =vr*(Math.random()-0.5);
chip.vy =vr*(Math.random()-0.5);
if(chip.vx>(vmax vmin)) chip.vx=(vmax vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax vmin)) chip.vy=(vmax vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX)
{
chip.xx=pageX;
chip.vx=vmin vmax*Math.random();
}
if(chip.xx>=pageX pageW-chip.w)
{
chip.xx=pageX pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy<=pageY)
{
chip.yy=pageY;
chip.vy=vmin vmax*Math.random();
}
if(chip.yy>=pageY pageH-chip.h)
{
chip.yy=pageY pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}
if(!mie)
{
eval("document." chip.named ".top =" chip.yy);
eval("document." chip.named ".left=" chip.xx);
}
else
{
eval("document.all." chip.named ".style.pixelLeft=" chip.xx);
eval("document.all." chip.named ".style.pixelTop =" chip.yy);
}
chip.timer1=setTimeout("movechip("" chip.named "")",100);
}
}
function stopme(chipname)
{
if(brOK)
{//alert(chipname)
eval("chip=" chipname);
if(chip.timer1!=null)
{
clearTimeout(chip.timer1);
}
}
}

var floater;
function floater()
{
checkbrOK();
floater=new Chip("floater",0,0);
if(brOK)
{
movechip("floater");
}
}

把下面的代码加入<body>...</body>之间：
<div id=floater style="HEIGHT: 0px; POSITION: absolute; WIDTH: 0px; left: 680px; top: 150px; z-index:100" >
<a href=http://www.webjx.com arget=_blank>
<img border=0 src=http://www.webjx.com/images/logo.gif></a>
</div>
这里你可以改成自己要的图片路径．
php爱好者　站 http://www.phpfans.net 网页制作|网站建设|数据采集.

相关阅读更多 +