我想将随机图像放置在屏幕的随机位置。我试过这个:
$(document).ready(showLetter);
var imgsArray = ["A1", "C1", "F1", "J1", "K1", "L1", "S1", "Ñ1"];
function generateRandomForArray() {
var num = Math.floor(Math.random() * 8);
return num;
}
function generateRandom() {
var num = Math.floor(Math.random() * 400);
return num;
}
function showLetter() {
var letter = imgsArray[generateRandomForArray()];
$("div").append("<img src='imgs/" + letter + ".png'>");
var left = generateRandom();
var top = generateRandom();
$("div").last().css({"top": top + "px", "left": left + "px"});
}
图像出现在屏幕的左上角。再一次:我想将它们放置在屏幕的随机位置。我对 CSS 了解不多。有任何想法吗?提前致谢!
最佳答案
对我来说听起来像是定位问题。像这样尝试,即我添加了 position:absolute
function showLetter() {
var letter = imgsArray[generateRandomForArray()];
$("div").append("<img src='GameHTML5/images/" + letter + ".png'>");
var left = generateRandom();
var top = generateRandom();
$("div").last().css({"position":"absolute","top": top + "px", "left": left + "px"});
}
关于javascript - 在随机位置定位图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17358084/