Показать сообщение отдельно
  #9 (permalink)  
Старый 25.06.2012, 20:04
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

Сообщение от bes Посмотреть сообщение
на js
<img src="http://javascript.ru/forum/image.php?u=19820&dateline=1334914235">
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">

<script>
window.onload = function () {
  var img = document.getElementsByTagName('img');
  var int;
  img[1].style.position = 'absolute';
  img[1].style.left = 100 + 'px';

  function goRight() {
    if (parseInt(img[1].style.left) < 120) {
      img[1].style.left = parseInt(img[1].style.left) + 1 + 'px'
    } else {
      clearInterval(int);
    }
  }

  function goLeft() {
    if (parseInt(img[1].style.left) > 100) {
      img[1].style.left = parseInt(img[1].style.left) - 1 + 'px'
    } else {
      clearInterval(int);
    }
  }

  img[0].onmouseover = function () {
    int = setInterval (goRight, 30);
  }

  img[0].onmouseout = function () {
    int = setInterval (goLeft, 30);
  }

}

</script>
если несколько раз быстро навести мышь(и убрать) на картинку запуска анимации , анимация виснет и больше не двигается
Ответить с цитированием