Question

是否可以在加载页面上的随机位置放置页面上的div？如果是这样，怎么样？我有点卡住了！或者至少指出我正确的方向。

我希望页面加载我已经在随机位置创建的div。我并不是指按行或列中的3,5,2,7,9,1,4等随机顺序。

更像这个例子： random images

在上面的示例中，小的红色和白色方块是可拖动的，而2个较大的方块是用于拖动方块的花盆。

可以随机摆放红色和白色的小方块吗？

我之前发现的示例似乎解释了如何使div随机淡入或随时间变化到另一个随机图像。

Answer 1

当然可以，这是一个让你入门的小例子。

找到窗口的宽度和高度，迭代每个div，给出每个div的绝对位置以及随机的top和left属性。

// 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);
});

此示例不会随机化大小或考虑元素的大小。

我可以使用jquery在页面上的任意位置随机订购div吗？

1 个答案: