Вот так вроде сработало.
<html>
<head><title>Привет</title>
<script type='text/javascript'>
var a,pause;
var id, i, dir;
function g(){
var a = document.getElementById('maksImg');
a.style.top = (i<50)?i:'50'+'px';
if (dir==1) i++; else i--;
if (i >= 70) dir=-1;
if (i < -90) {
clearInterval(id);
a.style.display = 'none';
}}
function f(){
var a = document.getElementById('maksImg');
a.style.display = 'block';
i=-90;dir=1;
id = setInterval("g()",50);
}
</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>