Question

目前我正在使用标记进行一些布局。这些标记需要随机放在我的窗口上，然后需要动画。我目前正在创建50个div，它们已经被随机放置了。除了所有50个被放置在同一随机点上的事实。

所以我希望有人能指出如何将所有50个div放在不同的随机位置，所以并非所有位于同一位置。我想我很接近，但不知道下一步该做什么。

到目前为止，这是我的代码： http://jsbin.com/cipewozali/edit?html,css,js,output

提前致谢。

Answer 1

这是因为您只生成一个随机数。在serStartpnt函数中移动randomX和randomY变量实例。

function setStartpnt(){
  var randomX = Math.floor(window.innerWidth * Math.random());
  var randomY = Math.floor(window.innerHeight * Math.random());
  marker.css({
    "transform":"translate("+randomX+"px, "+randomY+"px)"
  });
}

这样，每次调用此函数时，您都会生成一个新的随机数。

div创建的随机位置

1 个答案: