jquery-animateNumber – плагин для анимации чисел

сегодня в 21:33

jquery-animateNumber – плагин для jQuery, который анимирует числа также, как на stoloto.ru/rapido.

Что умеет «из коробки»

• одновременная анимация числа с другими свойствами (как $.animate);


• анимация числа от меньшего к большему и обратно;


• анимация числа с автоматическим разделением разрядов (можно задать свой разделитель);


• анимация числа со своей функцией шага анимации.

Пример

<p>Fun level <span id="fun-level" style="color: red; font-size: 0px;">0 %</span>.</p>

// функция $.animateNumber принимает такие же аргументы,
// как и $.animate, дополнительно можно использовать
// параметры 'number' и 'numberStep'
$('#fun-level').animateNumber(
  {
    number: 100,
    color: 'green', // требуется jquery.color
    'font-size': '50px',

    easing: 'easeInQuad', // требуется jquery.easing

    numberStep: function(now, tween) {
      var floored_number = Math.floor(now),
          target = $(tween.elem);

      target.text(floored_number + ' %');
    }
  },
  1800
);

Для работы требует jQuery 1.8.0 или новее.

Демо | Сайт плагина

Свежий взгляд

на бег

протестируй кроссовки

нового поколения

Developers, stick with Russians – work in London

Переводы с

карты на карту

Переводы

через QR-Код

Новая функция

«Мой контроль»

Возьми Lumia 925 на тест-драйв сейчас.

Впечатляющие возможности

в стильном тонком корпусе из металла

Boomburum

исследует LTE

Эволюция средств связи

в путешествии по России

Проблемы коммуникации внутри бизнеса?

Смотри бесплатные курсы

и выиграй Xbox

Нет времени

на счета?

MasterCard

Mobile

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.