如何在窗口中包含math.random div放置?

时间:2013-07-04 11:29:32

标签: javascript html random

我已经生成了一些简单的javascript,它会在每次刷新页面时随机散布div。

我注意到偶尔会有一个div放在窗口边界之外。

我只是想找到一种方法来始终在窗口中包含随机放置的图像。 感谢您提前获得任何帮助或建议!

目前我只是使用这个javascript:

$(".pstn").each(function(i,el){
var tLeft = Math.floor(Math.random()*1000),
    tTop  = Math.floor(Math.random()*1000);
$(el).css({position:'absolute', left: tLeft, top: tTop});
});

1 个答案:

答案 0 :(得分:1)

获取最大left

var maxLeft = $(window).innerWidth() - $(el).innerWidth();

和最大top

var maxTop = $(window).innerHeight() - $(el).innerHeight();

然后你随意发现:

var tLeft = Math.floor(Math.random() * maxLeft),
    tTop  = Math.floor(Math.random() * maxTop);