<html>
<head>
<title>无标题文档</title>
<script language="javascript">
var xSpeed=100 ;
var ySpeed=0 ;
function move()
{
    var w = screen.width;
    var h = screen.height;
    var x = document.getElementById("layer").style.left;
    var y = document.getElementById("layer").style.top;
    if(parseInt(x)>w-150-10)
    {
        xSpeed = 0;
        ySpeed = 100;
    }
    if(parseInt(y)>h-100-100)
    {
        xSpeed = - 100;
        ySpeed = 0;
    }
    if(parseInt(x)<0)
    {
        xSpeed = 0;
        ySpeed = -100;
    }
    if(parseInt(y)<0)
    {
        xSpeed = -100;
        ySpeed = 0;
    }
    document.getElementById("layer").style.left=parseInt(x)+xSpeed;
    document.getElementById("layer").style.top=parseInt(y)+ySpeed;
    setTimeout("move()",800);
}
</script>
</head>

<body onLoad="move()">
<div id="layer" style="position:absolute ;left:0px ; top:0px; width:150px; height:100px;z-index:1;">
<img src="image/0E91FBEBB0E7B14D0A0C9714F22A9491.gif" width="150" height="100">
</div>
</body>
</html>
移动的时候总是有出界的问题～效果不理想～高的帮看下。。