随机旋转html元素

Question

我希望在屏幕上随机旋转（并绝对放置）一堆列表项，并在这里发现只能使用 javascript 而不是 css3 作为我的第一次尝试是。

我在this topic 中找到了一个漂亮的解决方案，但它只在悬停时进行旋转。由于我不是 javascript 专家，因此我无法在加载时执行此操作，而不是悬停。

在那之后我会找到一种方法来随机输入 top 和 left 值，但如果你已经有了这个解决方案，我很想听听。

感谢您的宝贵时间:)

Answer 1

根据引用的漂亮的解决方案，您可以重复使用它，但在页面加载时调用它，如下所示：

// this will be called onload
jQuery(function($) {
    // changed .hover to .each
    $('.photo').each(function() {
        var a = Math.random() * 10 - 5;
        $(this).css('transform', 'rotate(' + a + 'deg)');
    });
});

Answer 2

$(function(){         
        $(elSelector).each(function(){
            var a = Math.random() * 10 - 5;
            $(this).css('transform', 'rotate(' + a + 'deg) scale(1.25)');
        });
});