logo помогаю бизнесу зарабатывать больше.
Связаться
Введите название услуги:

Бегущие цифры Jquery скрипт

5 февраля 2015 в 16:52 Jquery

Скрипт Бегущие цифры Jquery подходит для любого движка, html, php. Пример работы скрипта показан на фото (они не движутся, но при переносе на сайт будут работать.:

2015-02-05_184549

[php]
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>

<script>
$(function () {
$({
n: 0
}).animate({
n: 2E1
}, {
duration: 2000E1,
step: function (a) {
$("#n1").html(a | 0)
}
})
});

$(function () {
$({
n: 0
}).animate({
n: 1E1
}, {
duration: 3000E1,
step: function (a) {
$("#n2").html(a | 0)
}
})
});

$(function () {
$({
n: 0
}).animate({
n: 8E1
}, {
duration: 4000E1,
step: function (a) {
$("#n3").html(a | 0)
}
})
});

$(function () {
$({
n: 0
}).animate({
n: 9E1
}, {
duration: 4000E1,
step: function (a) {
$("#n4").html(a | 0)
}
})
});

</script>

</head>

<body>
<div id="n1"></div>
<div id="n2"></div>
<div id="n3"></div>
<div id="n4"></div>
</body>
</html>
[/php]

где
n: 2E1 – будет число 20
duration: 2000E1 – время, за которое должно число с 0 до 20 добежит.
#n1 – идентификатор (должен быть уникальным. )

по итогу кол-во бегущих одновременно чисел можно быть любое, добавляйте по аналоги, которую показал я.

Похожие статьи

Оставить заявку
По любым вопросам пишите мне в мессенджеры .
Написать в WhatsApp
+7 (925) 444-48-89
Написать в Telegram
@max_webs
Ваша цена
Предложите свою цена за товар или услугу. Пишите мне в мессенджеры или оставьте заявку в данной форме.
Написать в WhatsApp
+7 (925) 444-48-89
Написать в Telegram
@max_webs
[contact-form-7 id="22192" title="Универсальная форма"]
[contact-form-7 id="114828" title="Рассчитать стоимость"]

Представительство Max-Webs в других городах:

There are no products