Skip to content

Latest commit

 

History

History
72 lines (52 loc) · 2.54 KB

README.ru.md

File metadata and controls

72 lines (52 loc) · 2.54 KB

Code Climate

jquery-animateNumber

Примеры | v0.0.14 – последняя версия

README in english

Этот плагин для jQuery позволяет анимировать числа, добавляя к функции $.animate свойства number и numberStep.

Работает с jQuery 1.7.0 или более новой версией (в последний раз тестировался на версии 3.3.1).

Пример

<p>Уровень качества <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',

    // опциональный аргумент: функция шага анимации числа
    // здесь используется, чтобы добавить '%' в конце числа
    numberStep: function(now, tween) {
      var floored_number = Math.floor(now),
          target = $(tween.elem);

      target.text(floored_number + ' %');
    }
  },
  {
    easing: 'swing',
    duration: 1800
  }
);

Все примеры

Другие плагины для анимации чисел

Разработка

  1. npm install grunt-cli -g
  2. npm install
  3. https://github.com/gmarty/grunt-closure-compiler
  4. grunt watch

Note on Patches / Pull Requests

  • Сделайте форк.
  • Внесите изменения.
  • Сделайте пулл-реквест. Ваши изменения в отдельной ветке принесут плюс в карму :)

Лицензия

jquery-animateNumber является бесплатным ПО, подробности в файле LICENSE.

Авторы