javascript - 使用 Math.random() 和 .css 的 jQuery/JS 随机图像定位？

Question

我是编程新手。现在我正在使用 jQuery + jqueryrotate 随机旋转我的图像，所以看起来它们是分散的。我设法让它们随机旋转，但我对如何使位置随机化有点困惑。我position: absolute在一个position: relative带有 class 的 div中制作了所有图像.holder。我知道通常使用 jquery 的 css 属性通常应该是({"top": "4px"})，但是当我将它包装在 toString 函数周围时，我希望它不起作用。

$.each($('.holder img'), function (i, element) {
    $(element).rotate(Math.random() * -90 + Math.random() * 90);
    $(element).css({
        "top": Math.random() * 300;
    })
});

Answer 1

没有单元顶部不知道你的意思，试试这个：

$.each($('.holder img'), function(i, element){
    $(element).rotate(Math.random() * -90 + Math.random() * 90);
    $(element).css({
        "top": (Math.random() * 300) + "px"
    })
});

Answer 2

$(element).css({
    "top": Math.random() * 300;
});

应该

$(element).css({
    "top": Math.random() * 300
});

删除;，否则它会触发一个 sintax 错误。

Answer 3

您只需在属性+ "px"的 CSS 值的末尾添加top

$(element).css({
    "top": (Math.random () * 300) + "px"
});