用javaScript制作漂浮广告

来源：互联网发布：怎么在淘宝上找工作编辑：程序博客网时间：2024/04/29 14:08

var x=50 , var y=50; //浮动广告的初始位置

var right=true , var left =true; //right 为真，则向右运动，否则向左运动

//left 为真，则向左运动，否则向右运动

var step=1; //移动的距离

var delay=10; //移动的时间间隔

function floatAD(){

//L左边界， T上边界

var L=T=0;

//层移动的右边界

var R=document.body.offsetWidth-document.getElementById("fly").offsetWidth;

//层移动的下边界

var B=document.body.offsetHeight-documetn.getElementById("fly").offsetHight;

//层移动后的左边界

document.getElementById("fly").style.left=x;

//层移动后的上边界

document.getElementById("fly").style.top=y;

//判断水平方向

x=x+step*(right?1:-1);

//到达边界后的处理

if(x<L){right =true;x=L;}

if(x>R){right=false;x=R;}

y=y+step*(left?1:-1);

if(y<T){left=true;y=T;}

if(y>B){left=false;y=B;}

//隔多长时间调用一次

setTimeout("floatAD()",delay)

}

</body>