将图像定位在随机位置

我想在屏幕的随机位置放置随机图像。 我试过这个：

$(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(""); var left = generateRandom(); var top = generateRandom(); $("div").last().css({"top": top + "px", "left": left + "px"}); } 

图像显示在屏幕的左上角。 再一次：我想把它们放在屏幕的随机位置。 我对CSS知之甚少。 有任何想法吗？ 提前致谢！

Answer 1

听起来像是我的定位问题。 试试这样，即我添加了position:absolute

 function showLetter() { var letter = imgsArray[generateRandomForArray()]; $("div").append(""); var left = generateRandom(); var top = generateRandom(); $("div").last().css({"position":"absolute","top": top + "px", "left": left + "px"}); } 

Answer 2

 function generateRandomForArray(min, max) { var num = Math.random() * (max - min) + min; return Math.floor(num); } //generateRandomForArray(0, 8); //3 //generateRandomForArray(0, 8); //0 //generateRandomForArray(0, 8); //2 //generateRandomForArray(0, 8); //4 //generateRandomForArray(0, 8); //5 //generateRandomForArray(0, 8); //7 //generateRandomForArray(0, 8); //4