Я делал ранее скрипт для передвижения одного блока в разные стороны. Чисто для красоты. У него есть центр передвижения и радиус, дальше которого он не выходит(не может выйти за пределы экрана). Каждую секунду происходит очередное изменение отступа. В центре экрана блок удерживает table
. Скрипт выглядит так:
l=0;
setInterval(function() {
x=$(document).height()/8;
y=$(document).width()/8;
$(function () {
$("#tm").animate({
marginTop: Math.floor(Math.random()*(x+x)-x),
marginLeft: Math.floor(Math.random()*(y+y)-y)
}, { duration: 1000, queue: false });
});}, 1000);
Теперь у меня есть скрипт, который генерирует 200 div, каждый имеет свой класс, текст и position: relative;
. Скрипт генерирует каждому блоку отступы margin-left, margin-right случайным образом, что бы распределить их по всему экрану хаотично.
Задача: нужно сделать скрипт как выше, только что бы каждый элемент индивидуально двигался в стороны в разные промежутки времени, в зависимости от размера его текста(font-size тоже генерируется скриптом).
Если кому действительно интересно для чего это, вот скриншот.