您所在位置：主题：简单漂浮广告设计的问题~
supercrsky [专家分：580] 发布于 2007-01-01 20:11:00
<html>
<head>
<title>无标题文档</title>
<script language="javascript">
function move()
{
var w = window.document.body.offsetWidth;
var h = window.document.body.offsetHeight;
var xSpeed = 20;
var ySpeed = Math.tan(Math.PI/4)*xSpeed;
var x = document.getElementById("Layer1").style.left;
var y = document.getElementById("Layer1").style.top;
if(parseInt(x)+150>w|| parseInt(x)<0)
{
xSpeed = -xSpeed;
}
if(parseInt(y)+100>h||parseInt(y)<0)
{
ySpeed = -ySpeed;
}
document.getElementById("Layer1").style.left=parseInt(x)+xSpeed;
document.getElementById("Layer1").style.top=parseInt(y)+ySpeed;
setTimeout("move()",800);
}
</script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:0px;
top:0px;
width:150px;
height:100px;
z-index:1;
}
-->
</style>
</head>
<body onLoad="move()">
<div id="Layer1"><img src="image/0E91FBEBB0E7B14D0A0C9714F22A9491.gif" width="150" height="100"></div>
</body>
</html>
我插入的这张图片页面加载后根本不动，高手帮看看错在哪里？
<head>
<title>无标题文档</title>
<script language="javascript">
function move()
{
var w = window.document.body.offsetWidth;
var h = window.document.body.offsetHeight;
var xSpeed = 20;
var ySpeed = Math.tan(Math.PI/4)*xSpeed;
var x = document.getElementById("Layer1").style.left;
var y = document.getElementById("Layer1").style.top;
if(parseInt(x)+150>w|| parseInt(x)<0)
{
xSpeed = -xSpeed;
}
if(parseInt(y)+100>h||parseInt(y)<0)
{
ySpeed = -ySpeed;
}
document.getElementById("Layer1").style.left=parseInt(x)+xSpeed;
document.getElementById("Layer1").style.top=parseInt(y)+ySpeed;
setTimeout("move()",800);
}
</script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:0px;
top:0px;
width:150px;
height:100px;
z-index:1;
}
-->
</style>
</head>
<body onLoad="move()">
<div id="Layer1"><img src="image/0E91FBEBB0E7B14D0A0C9714F22A9491.gif" width="150" height="100"></div>
</body>
</html>
我插入的这张图片页面加载后根本不动，高手帮看看错在哪里？
