Question

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

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

之后我会找到一种方法来随机输入 top 和 left 值，但如果你已经有了这个解决方案，我很乐意听到它。< / p>

感谢您的时间：）

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

随机旋转html元素

2 个答案: