Пример: Ой написал )))
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Привет</title>
<script type='text/javascript'>
function slide(b, h, f, d, i, c) {
var e = RegExp("(" + h + ".*?)([-+]?\\d+\\.?\\d*)", "i");
b.timer && window.clearTimeout(b.timer);
c = typeof c == "function" ? c : false;
var a = b.style.cssText;
e.test(a) || (a += "; top: " + d + "px;");
var j = (new Date).getTime();
setTimeout(function () {
var g = ((new Date).getTime() - j) / i;
a = a.replace(e, "$1" + Math.floor((f - d) * g + d));
b.style.cssText = a;
if (g < 1) b.timer = setTimeout(arguments.callee, 35);
else {
a = a.replace(e, "$1" + f);
b.style.cssText = a;
c && c()
}
}, 10)
};
function f_top(){
var b = document.getElementById("maksImg"), pause = 1500, time = 3000, old = -90, to = 50 , direction= "top";
slide(b,direction, to, old, time,function(){window.setTimeout(function(){slide(b,direction, old, to, time)}, pause)})
}
function f_left(){
var b = document.getElementById("maksImg2"), pause = 1500, time = 3000, old = -336, to = 50 , direction= "left";
slide(b,direction, to, old, time,function(){window.setTimeout(function(){slide(b,direction, old, to, time)}, pause)})
}
</script>
</head>
<body>
Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br>
Такого пса я не видел никогда в жизни в этом мире. Вот что<br>
значит настоящая псина.Такой псины я<br>
не видал за все свои 20 лет жизни. Это была одна из лучших<br>
псин,среди тех когда мне приходилось видеть собак.<br>
<form>
<input type='button' value='сверху' onclick='f_top()'>
<input type='button' value='слева' onclick='f_left()'>
</form>
<div id="maksImg" style="display:block; position:absolute; left:100px; top:-90px;">
<img src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif'>
</div>
<div id="maksImg2" style="display:block; position:absolute; left:-336px; top:20px;">
<img src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif'>
</div><br>
<br>
</body>
</html>