Показать сообщение отдельно
  #2 (permalink)  
Старый 20.11.2015, 13:19
Профессор
Отправить личное сообщение для Mess4me Посмотреть профиль Найти все сообщения от Mess4me
 
Регистрация: 03.11.2014
Сообщений: 263

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(){
        if( linkOffsetLeft < 180){
            timerId = setInterval(function () {moveRight()}

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