javascript - 随机旋转html元素

Question

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

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

之后我会找到一种方法来随机输入顶部和左侧的值，但如果你已经有了这个解决方案，我很想听听。

感谢您的时间 ：）

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)');
        });
});