Бесконечная анимация размера DIV
Хочу реализовать фишку, подобно эквалайзеру, чтобы пара-тройка дивов меняла свою высоту бесконечно.
Я только не могу пока сообразить как запустить именно в бесконечном цикле. Вариант setInterval почему-то не работает, отрабатывает всего один раз. Callback в ф-ии animate почему-то тоже до конца дружить не хочет: бесконечно работает только через раз. Сейчас пока сделал запуск по OnMouseOver. Это только для теста. Соотвественно надо запускать при $(document).ready()... но тоже как-то не хочет. Пока есть вот это:
function changeh(did) {
var h=Math.random()*100;
if(h>20) {
$(did).animate({height:h},300);
}
}
Подскажите пожалуйста как сделать чтобы это работало бесконечно и сразу после прогрузки страницы. |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<style>
#bar {background-color: black;width:5px;height:20px;}
</style>
<div id="bar"></div>
<script>
$(function() {
setInterval(function() {
h = Math.random()*100;
$('#bar').animate({height: h}, 300);
}, 300)
});
</script>
|
Слушай, совершенно необычно, но у меня подобное не работало.
Спасибо большое! Вообще десяток подобных фоновых анимаций сильно опасны? |
Господи Иисусе !
не надо так насиловать наши ЦП! я помню,у меня одна на 70% повесила. правда,это был драг`н`дроп, но разницы то, по сути, никакой. и там, и там за стайл элемента дёргают. |
| Часовой пояс GMT +3, время: 22:25. |