Показать сообщение отдельно
  #9 (permalink)  
Старый 20.11.2015, 13:41
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

batcave,
var divLink = document.querySelector('.zelda');
		var linkOffsetLeft = divLink.offsetLeft;
		var movementRightArray = ['0% 70%', '35% 70%', '0% 70%', '100% 70%'];
		var i = 0;
		var timerId
		divLink.addEventListener('click', move);

		function move(){
                clearInterval(timerId);
			 	timerId = setInterval(moveRight, 300);

		 }
		function moveRight(){
		 	linkOffsetLeft += 5;
            if( linkOffsetLeft > 180){ clearInterval(timerId); return} ;
			divLink.style.left = linkOffsetLeft + 'px';
			divLink.style.backgroundPosition = ''+movementRightArray[i]+'';
			i++;
			if (i > 3) { i = 0};
		}
Ответить с цитированием