JavaScript制作会反弹的浮动图片(转)

　　现在网上流行会弹来弹去的浮动图片。想给自己的网页也加上一个吗?其实很简单,把下面这段代码加到网页的之间,然后,把图片换成你中意的就好啦! 　　

到这里下载示例代码



<=" Javascript脚本语言>
var xPos=20;
var yPos=document.body.clientHeight;
var一步=1; 　　
var延迟=30;
var高度=0;
var Hoffset=0;
var Woffset=0;
var你=0;
var发送朴通=0;
var暂停=true;
var间隔; 　　
img.style。顶级=yPos;
函数changePos () {
宽度=document.body.clientWidth;
身高=document.body.clientHeight;
Hoffset=img.offsetHeight;
Woffset=img.offsetWidth;
img.style。左=xPos + 　　document.body.scrollLeft;
img.style。顶级=yPos + document.body.scrollTop; 　　如果(你的){

yPos=yPos +步骤;其他
}
{
yPos=yPos -步骤; 　　
}
如果(yPos <0) {
你=1;
yPos=0;
}如果(yPos>=
　　(高度- Hoffset)) {
你=0;
yPos=(高度- Hoffset);
}
　　(发送朴通){
xPos=xPos +步骤;其他
}
{
xPos=xPos -步骤;
} 　　如果(xPos
0) {
发送朴通=1;
xPos=0;
}如果(xPos>=
　　(宽度- Woffset)) {
发送朴通=0;
xPos=(宽度- Woffset);
}
} 　　
函数开始(){
img。可见性=翱杉?
间隔=setInterval (& # 180; changePos() & # 180;,延迟);
}
start ();
//结束- ->
JavaScript制作会反弹的浮动图片(转)