JS實現圖片隨機浮動效果
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>圖片隨機浮動遊戲</title>
<style type="text/css">
//對DIV進行絕對定位
div{
position:absolute;
}
</style>
</head>
<body>
<div id="floatimg"><img src="../1.jpg" height="150" width="100"></div>
</body>
</html>
<script language="javascript" type="text/javascript">
var floatimg=document.getElementById("floatimg");
//定義初識座標
var x=0,y=0;
//獲取圖片隨機浮動的可見範圍
var w=document.body.clientWidth-100,h=document.body.clientHeight-150;
function picfloat(){
//定義圖片隨機出現的座標
x=Math.round(Math.random()*w);
y=Math.round(Math.random()*h);
floatimg.style.left=x+"px";
floatimg.style.top=y+"px";
//設定間隔時間
setTimeout("picfloat()",500);
}
picfloat();
</script>