Во так вроде,резко выехало, остановилось на 1 сек и заехало, похоже на нормальное движение картинки?
<html>
<head><title>Привет</title>
<script type='text/javascript'>
var time_down = 500;
var time_stop = 1000;
var time_up = 500;
var max_top = 50;
var id, i, scale;
function move_down() {
i += scale;
document.getElementById("maksImg").style.top = i + "px";
if (i >= max_top) {
clearInterval(id);
setTimeout("move_pause();", time_stop);
}
}
function move_pause() {
scale = 1;
var interval = time_up / (max_top + 90);
while (interval < 15) { interval *= 2; scale *= 2; }
id = setInterval("move_up();", interval);
}
function move_up() {
i -= scale;
document.getElementById("maksImg").style.top = i + "px";
if (i <= -90) {
clearInterval(id);
document.getElementById("maksImg").style.display = "none";
}
}
function f() {
document.getElementById("maksImg").style.display = "block";
i = -90; scale = 1;
var interval = time_down / (max_top + 90);
while (interval < 15) { interval *= 2; scale *= 2; }
id = setInterval("move_down();", interval);
}
</script>
</head>
<body>
Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br>
Такого пса я не видел никогда в жизни в этом мире. Вот что<br>
значит настоящая
псина.Такой псины я <br>
не видал за все свои 20 лет жизни. Это была одна из лучших <br>
псин,среди тех когда мне приходилось видеть собак. <br>
<input type='button' value='кнопка' onClick='f()'>
<div id="maksImg" style="display:none; position:absolute;
left:100px; top:-90px;"><img src='2.gif' ></div> <br><br>
</body>
</html>