js 그림 랜 덤 부동 의 실현 코드


// , ,
<html>
<head>
<style type="text/css">
#divimg{
/*

*/
position:absolute;
}
</style>
</head>
<body>
<div id="divimg">
<img src="../../resource/images/float.jpg" width="205" height="108">
</div>
<script language="javascript" type="text/javascript">
// div
var divimg=document.getElementById("divimg");
//
var x=0,y=0;
//
var xSpeed=8,ySpeed=2;
//
var w=document.documentElement.clientWidth-205,h=document.body.clientHeight-108;
//alert(w);
function floatimg(){
// , ,
if(x<0||x>w) xSpeed=-xSpeed;
if(y<0||y>h) ySpeed=-ySpeed;
x+=xSpeed;
y+=ySpeed;
setTimeout("floatimg()",1000);
var n=divimg.style.top=Math.round(Math.random()*h)+"px";
var m=divimg.style.left=Math.round(Math.random()*w)+"px";
}
floatimg();
</script>
</body>
</html>

좋은 웹페이지 즐겨찾기