Question

我想知道每次使用它时是否有任何方法可以更改div。

我想在div页面上的顶部和左侧位置进行更改，但不仅仅是在一个div中，在多个div中，而不是在页面上进行重写。

E.g

.class{
  background-color:black;
  color: white;
  position:absolute;
  top: RANDOM;
  left: RANDOM;
}

<div1 class="class"></div> /// this would be positioned top:100px and left 200px
<div2 class="class"></div> /// this would be positioned top:245px and left 298px
<div3 class="class"></div> /// this would be positioned top:190px and left 490px
<div4 class="class"></div> /// this would be positioned top: 89px and left 344px

这一切都在同一页面，这可能吗？
我试图找到类似的东西，但我只发现了一个可以在我点击它时更改div ID的脚本，而不是在同一页面中有太多的div。

Answer 1

jQuery，救援：

$('.class').each(function() {
  $(this).css('top', Math.floor(Math.random() * 101));
  $(this).css('left', Math.floor(Math.random() * 200));
});

（过度杀戮，我知道），一个演示：http://jsfiddle.net/pZ7Kf/10/。

css随机修复JS和多个div

1 个答案: