Question

我是编程新手。现在我使用jQuery + jqueryrotate随机旋转我的图像，看起来它们是分散的。我设法让它们随机旋转，但我有点坚持如何使位置随机。我使用类position: absolute在position: relative 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"
});

使用Math.random（）和.css进行jQuery / JS随机图像定位？

3 个答案: