JS对广告宣传效果的一个小例子

复制代码代码如下所示:





div {
位置:绝对;
}










*
利用窗口对象实现浮动效果

1。有一个div,这就是我们要控制,其出发点的坐标(0,0)。
2。设定水平速度和纵向速度
三.控制DIV运动
1)div是否到达边界,将图像的速度设置为反向移动。
* /
div对象获取图片

VaR img = document.getelementbyid(floatdiv );
设置起始点坐标
var x=0,y=0;
设置div速度
VAR其= 2,yspeed = 1;
设置/移动图片
无功W = document.body.clientwidth-200,H = document.body.clientheight-100;
功能floatdiv(){
是否达到边界的比较,如果到达边界改变方向;如果没有到达边界
如果(x > W | | x<0)其= -其;
如果(y > H | | y<0)yspeed = - yspeed;

x + =其;
y + = yspeed;

设置起始点和速度的坐标
IMG。风格。= y +PX;
IMG。风格。左= x +PX;
setTimeout(floatdiv()
}
Floatdiv();