Consegui este: pero si quiero que el aguila se regrese despacio como lo haria?
Tambien que hace especificamente esta parte: layer1.style.left = x + 2; ???
<html>
<head>
<title>Image</title>
<script type="text/javascript">
<!--
function moveEagle()
{
var x, limit = 650;
x = parseInt(layer1.style.left);
if(x > limit){
return true;
} else {
layer1.style.left = x + 2;
setTimeout("moveEagle()", 30);
}
}
function returnLayer(){
layer1.style.left = 20;
return true;
}
-->
</script>
</head>
<body bgcolor="#7D7D7D">
<br />
<div id="layer1" style="position:absolute;left:20px;top:100px;visib ility:visible;z-index:1">
<img src="http://www.forosdelweb.com/images/eagle.jpg"></div>
<br />
<div id="layer2" style="position:absolute;left:20px;top:325px;visib ility:visible;z-index:2">
<input type="button" value="Move Eagle" onClick="moveEagle()" id="Button1" name="Button1">
<input type="button" value="Return Eagle" onClick="returnLayer();">
</div>
</body>
</html>