Могу ли я упорядочить divs случайным образом в любой точке страницы с помощью jquery?

Question

Можно ли разместить divs на странице в произвольной позиции на странице при загрузке? если так .. как? Я немного застрял! или по крайней мере указать мне в правильном направлении.

Я бы хотел, чтобы страница загружалась с divs, которые я уже создал в случайном положении. Я не имею в виду случайный порядок, например, 3,5,2,7,9,1,4 и т. Д. В строке или столбце.

Больше как в этом примере: random images

В приведенном выше примере небольшие красные и белые квадраты перетаскиваемые и 2 более крупных горшки для квадратов, чтобы быть втянуты и.

Можно ли разместить квадраты красного и белого меньших квадратов?

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

Я только кодировал несколько недель, так голый со мной немного.

Большое спасибо,

Answer 1

Конечно, вы можете, вот небольшой пример, чтобы вы начали.

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

// get width and height of the page 
var pwidth = $(window).width(); 
var pheight = $(window).height(); 

// loop through each div 
$('div').each(function(){ 
    // get random x and y positon 
    var x = Math.random() * pwidth; 
    var y = Math.random() * pheight; 
    // set style options 
    $(this).css('position', 'absolute').css('left', x).css('top', y); 
}); 

В этом примере не ранжируется случайный размер или не учитывается размер элемента.