2
我在DIV內部浮動RANDOM元素,在父親<div class="main"></div>
內改變LEFT和TOP位置。如何計算並設定LEFT和數學在javascript TOP位置/ jQuery的,所以任何隨機元素不會超出邊界定義父父div內元素的隨機位置
HTML:
<div class="main"></div>
的Javascript:
for (var i = 0; i < 5; i++) {
$('.main').append('<div class="box"></div>');
}
$('.box').each(function(index) {
$(this).css({
left : ((Math.random() * $('.main').width())),
top : ((Math.random() * $('.main').height()))
});
});
例子:https://jsfiddle.net/iahmadraza/u5y1zthv/
謝謝
您必須刪除寬/高的量元素本身。 ((Math.random()*($('。main')。width() - $(this).width()))) top :((Math.random()*($( '.main')。height() - $(this).height()))) – Roy
['function getRnd(min,max)'](https://stackoverflow.com/questions/1527803/generating-random-整數在JavaScript中在一個特定的範圍內)與'min = 0'和'max =(main.width - box.width)' – Andreas