<html>
<head>
<title>lx3</title>
<style type="text/css"><br>
#layer1{
position:absolute;
z-index:1;
width:150xp;
height:100xp;
left:0xp;
top:0xp;
}
</style>
<script type="text/javascript">
/*定义方向*/
var gox=1;
var goy=1;
function move()
{
var w=window.document.body.offsetWidth;//获取网页窗口宽
var h=window.document.body.offsetHeight;//获取网页窗口高
var speedx=20;//定义横向速度
var speedy=20;//定义纵向速度
var x=document.getElementById("layer1").style.left;//获取层左上角横坐标位置
var y=document.getElementById("layer1").style.top;//获取层左上角纵坐标位置
/*控制方向*/
if(parseInt(x)<0||parseInt(x)+150>parseInt(w))
gox=-gox;
if(parseInt(y)<0||parseInt(y)+100>parseInt(h))
goy=-goy;
/*移动图片*/
document.getElementById("layer1").style.left=parseInt(x)+speedx*gox;
document.getElementById("layer1").style.top=parseInt(y)+speedy*goy;
/*控制时间*/
setTime("move()",700);
}
</script>
</head>
<body onLoad="move()">
<div id="layer1"><a href="P230_zy.htm"><img src="tp/1.jpg" width="150" height="100" border="0"></a></div>
</body>
</html>