[求助]为什么我这个图片不能飘 - JavaScript论坛

zpeye

等　级：新手上路
帖　子：50
专家分：0
注　册：2006-7-26

楼主

问题点数：0 回复次数：2

[求助]为什么我这个图片不能飘

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
var gox=1;
var goy=1;
function move()
{
var x = document.getElementById("Layer1").style.left;
var y = document.getElementById("Layer1").style.top;
var speedx = 20;
var speedy = 20;
var w = document.body.offsetWidth;
var h = document.body.offsetHeight;

if(parseInt(x)+150>w || parseInt(x)<0)
gox = -gox;
if(parseInt(y)+100>h || parseInt(y)<0)
goy = -goy;
document.getElementById("Layer1").style.left = x+speedx*gox;
document.getElementById("Layer1").style.top = y+speedy*goy;

setTimeout("move()",800);
}
</script>
<style type="text/css">

</style></head>

</body>
</html>

搜索更多相关主题的帖子: javascript　图片　 function　content　title　

2006-09-05 20:23

bingxue2332

等　级：新手上路
威　望：6
帖　子：446
专家分：0
注　册：2004-11-6

第 3 楼

得分:0

[CODE]<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">

</style></head>
<body onLoad="move()" >
<div id="Layer1" style="position:absolute" width="150px" height="100px" z-index="1" left="0" top="0"> <img src="../t9/上机素材/piaofu.jpg" width="150" height="100" hspace="0" vspace="0" /></div>
<script language="javascript">
var gox=1;
var goy=1;
function move()
{
var x = document.getElementById("Layer1").offsetLeft;
var y = document.getElementById("Layer1").offsetTop;

//alert(document.getElementById("Layer1").offsetLeft);

var speedx = 20;
var speedy = 20;
var w = document.body.offsetWidth;
var h = document.body.offsetHeight;

if(parseInt(x)+150>w || parseInt(x)<0)
gox = -gox;
if(parseInt(y)+100>h || parseInt(y)<0)
goy = -goy;

document.getElementById("Layer1").style.left = x + speedx*gox;
document.getElementById("Layer1").style.top = y + speedy*goy;
//alert(document.getElementById("Layer1").offsetLeft);

//alert("ok");

setTimeout("move()",500);
}

</script>
</body>
</html>[/CODE]

2006-09-05 21:32