Как сделать так, что бы элементы дрыгались так же

352

26 ноября 2016, 18:44

Добрый день, подскажите, пожалуйста, как можно сделать так же как на этом сайте (http://enjoyme.ru/box/), в исходниках смотрел, что они делают это при помощи jQuery и background-position, но понять, как именно это работает я не могу. Заранее спасибо

Answer 1

Заглянули бы еще глубже, нашли бы вот это:

Картинка сделана спрайтом.

Скрипт просто меняет позицию фона из спрайта.

Анимация делается с помощью setInterval()

    function updSprite() { 
      var $element = $('.animated'); 
      var position = $element.css('background-position'); 
      if (position == '0px 100%') { 
        position = '0 0' 
      } else { 
        position = '0px 100%' 
      } 
      $element.css('background-position', position); 
    } 
    setInterval(updSprite, 100);

.animated{width: 113px; height: 73px; background: #000 url("http://oi64.tinypic.com/23qyws3.jpg") no-repeat 0 0;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
<div class="animated"></div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Поле с выпадающим списком select. Изменить цвет текста выделенного option

Добрый день, друзья! Имеется поле со списком selectОдин option сделан disabled (так как поле со списком не имеет placeholder) и hidden (чтобы не был виден в списке)

444

CSS