Okay, here's the code.
<html>
<head>
<style type="text/css">
.ball
{
position: absolute;
left: 10;
top: 50;
}
</style>
<script language="JavaScript">
var object = "link1";
var speed = 20;
function moveBall()
{
var top = document.all[object].offsetTop;
var balltop = document.all["ball"].offsetTop - 15;
if (balltop > top) {
document.all["ball"].style.pixelTop -= 5;
}
else if (balltop < top) {
document.all["ball"].style.pixelTop += 5;
}
window.setTimeout("moveBall()", speed);
}
</script>
<title>New Document</title>
</head>
<body>
<table border=0 cellpadding=0 cellspacing=0>
<tr><td width=20> </td><td onMouseOver="object='link1';" id="link1">This is shows</td></tr>
<tr><td></td><td onMouseOver="object='link2';" id="link2">how to animate</td></tr>
<tr><td></td><td onMouseOver="object='link3';" id="link3">a little ball.</td></tr>
</table>
<img src="ball.bmp" class="ball" id="ball">
<script language="JavaScript">moveBall();</script>
</body>
</html>
And here's what was wrong with yours:
<style>
#xball { position: absolute; left: 28 ; top: 192; }
#xbarr { position: absolute; left: 60 ; top: 192; }
</style>
<script language = "JavaScript">
function MouseOver(location) {
if (location > xball.top) { <!-- need .style.offsetTop to retrieve Top value -->
while ( document.all.xball.top < location ) <!-- need .style.offsetTop to retrieve Top value -->
{
xball.top++; <!-- need to use .style.pixelTop to set location -->
}
}
else
while ( document.all.xball.top > location) <!-- need .style.offsetTop to retrieve Top value -->
{
xball.top--; <!-- need to use .style.pixelTop to set location -->
}
}
</script>
<body>
<div id = "xbarr" onmouseover = "MouseOver(192);">
<img src="imags/lyout/ball_20_20.png"> <!-- Never applied "xball" style so position is relative -->
</div>
</body>
I hope this helps you. Maybe I need to start writing some JScript tutorials.
_________________
When I got VB, i could have flown without thrusters and shot down TIE Interceptors just by spitting at them.
[ This Message was edited by: dxprog on 2002-11-01 04:07 ]
[ This Message was edited by: dxprog on 2002-12-18 10:24 ]