Javascript 使用JQuery和HTML随机化图像位置

我有这个：

<div id="randomp" style="position:absolute;top:3px;left:3px;width:165px;height:29px;background:url(/logo2.png) no-repeat;background-size: 165px;"></div>

我希望每次进入页面时，适当的“顶部”和“左侧”都会发生变化。我的意思是，有时它会出现在右上角、右下角、左上角和左下角

这就是我所尝试的：

---

我可能会从样式为

位置：fixed

的div和

显示：none

开始：

<div id="randomp" style="display:none;position:fixed;width:165px;height:29px;background:url(/logo2.png) no-repeat;background-size: 165px;"></div>

---

当然，您也可以使用服务器端代码来实现这一点，但由于您在标记中特别询问了javascript/jquery，因此我建议使用此解决方案。

我想我完全满足了您的需要

使用javascript，每次访问页面时，我都会为图像的顶部和左侧位置生成随机数。 现在我把它们设置成一个0到100之间的随机数，但是你可以随意改变它

var random1 = Math.ceil(Math.random() * 100);
var random2 = Math.ceil(Math.random() * 100);

$(document).ready(function () {

    $('#randomp').css('top', random1);
    $('#randomp').css('left', random2);

});

---

请添加您的代码。我不太确定这是否可行，但从概念上讲，它有一个位置数组（可能是2D，这样它可以很好地关联XY），当页面加载时，

top:x_pixel

等，我可以怎么做？我很困惑：把这些位置拼成一个数组。加载页面时，从数组中随机选择一个位置，并将这些值放入“样式”属性中。正如我所说，我不知道该样式是否会解析js变量，因此您必须使用javascript/jquery动态修改图像位置。如果你不明白，你可能有点不知所措是的，我了解数组，但我不知道怎么做我的javascript不好：（@Xsite抱歉，我没有意识到在我的答案的HTML部分之前我没有足够的空间，所以它没有出现。太棒了，非常感谢兄弟：）

var random1 = Math.ceil(Math.random() * 100);
var random2 = Math.ceil(Math.random() * 100);

$(document).ready(function () {

    $('#randomp').css('top', random1);
    $('#randomp').css('left', random2);

});