Question

我需要一个多个随机图像旋转器。

我在整个屏幕上有一个包含多个120px X 100px徽标的完整页面，我想要做的是当页面刷新时，徽标随机围绕屏幕旋转，因此一个徽标始终不在同一位置

此外，它无法复制徽标，因此徽标无法在屏幕上重复显示？

有人可以帮我吗？

我认为它可能就像一些jQuery给div一样简单，所有的logo都包含在一个类中，然后当刷新时它只是随机混合它们？

我厌倦的每个教程都只考虑屏幕上显示的一个图像！

由于

Answer 1

只需使用一些随机数来移动元素。

Javascript的Math.random会为此做好，然后迭代所有图像并在页面加载时将它们移动一点。

这是一个非常简单的例子：

$('.images').each(function() {
    randomElm = $('.images').get(Math.floor(Math.random()*10));
    randomElm.parentNode.insertBefore(this, randomElm);
});

这是FIDDLE

随机多图像旋转器 - 在页面刷新时随机显示图像屏幕？

1 个答案: