这篇文章介绍了js图片随机不定向浮动的实现代码
有需要的朋友可以参考一下
复制代码 代码如下:
//很有趣的浮动哦不用太多代码和大家分享下
<html>
<head>随机浮动
<style type="text/css">
#divimg{
/*
对图片进行绝对定位
*/
position:absolute;
}
</style>
</head>
<body>
<div id="divimg">
<img src="//resource/images/floatjpg" width="" height="">
</div>
<script language="javascript" type="text/javascript">
//获取图片的所有div对象
var divimg=documentgetElementById("divimg");
//设置起始位置
var x=y=;
//设置图片的前进速度
var xSpeed=ySpeed=;
//设置图片浮动高度和宽度
var w=documentdocumentElementclientWidthh=documentbodyclientHeight;
//alert(w);
function floatimg(){
//比较是否达到边界如果到达边界以后就改变图片的方向为反向如果未达到边界则继续向前
if(x<||x>w) xSpeed=xSpeed;
if(y<||y>h) ySpeed=ySpeed;
x+=xSpeed;
y+=ySpeed;
setTimeout("floatimg()");
var n=divimgstyletop=Mathround(Mathrandom()*h)+"px";
var m=divimgstyleleft=Mathround(Mathrandom()*w)+"px";
}
floatimg();
</script>
</body>
</html>
