思路:
设置div左上角坐标起始点为(0,0);
var x=0,y=0;
设置图片的最大浮动宽度和高度
获取屏幕宽高
代码:
<html>
<head>
<title>随机图片</title>
<style>
div{
position:absolute;
}
</style>
</head>
<body>
<div id="img">
<img src="68fa0919jw1dmxvz3gsz0g.gif" width="130" height="150" />
</div>
</body>
</html>
<script language="javascript" type="text/javascript">
//获取对象
var img= document.getElementById("img");
var w=document.documentElement.clientWidth-130, h=document.documentElement.clientHeight-150;
function floatimg(){
var x=Math.round(Math.random()*w);
var y=Math.round(Math.random()*h);
img.style.left=x+"px";
img.style.top=y+"px";
//alert(img.style.top);
setTimeout("floatimg()",700);
}
floatimg();
</script>