- PVSM.RU - https://www.pvsm.ru -
jquery-animateNumber – плагин для jQuery, который анимирует числа также, как на stoloto.ru/rapido [1].
<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 или новее.
Демо [2] | Сайт плагина [3]
Автор: aishek
Источник [4]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/jquery/52180
Ссылки в тексте:
[1] stoloto.ru/rapido: http://www.stoloto.ru/rapido
[2] Демо: http://aishek.github.io/jquery-animateNumber/
[3] Сайт плагина: https://github.com/aishek/jquery-animateNumber
[4] Источник: http://habrahabr.ru/post/208274/
Нажмите здесь для печати.