Примеры | v0.0.14 – последняя версия
Этот плагин для jQuery позволяет анимировать числа, добавляя к функции $.animate свойства number и numberStep.
Работает с jQuery 1.7.0 или более новой версией (тестировался на версиях 2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.0).
<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',
easing: 'easeInQuad', // требует jquery.easing
// опциональный аргумент: функция шага анимации числа
// здесь используется, чтобы добавить '%' в конце числа
numberStep: function(now, tween) {
var floored_number = Math.floor(now),
target = $(tween.elem);
target.text(floored_number + ' %');
}
},
1800
);
npm install grunt-cli -g
npm install
https://github.com/gmarty/grunt-closure-compiler
grunt watch
- Сделайте форк.
- Внесите изменения.
- Сделайте пулл-реквест. Ваши изменения в отдельной ветке принесут плюс в карму :)
jquery-animateNumber является бесплатным ПО, подробности в файле LICENSE.
Я руковожу Цифрономикой. Мы занимаемся разработкой на Ruby on Rails. Пишите!