在页面加载时随机定位div

Question

我希望在页面加载时在屏幕上随机定位一批DIV - 我也希望它们的不透明度值和大小在加载时是随机的。有关如何实现这一目标的任何提示？希望顺便使用jQuery做这一切//谢谢

Answer 1

for (var i=1; i <= 3; i++) {
    // Minimum 0 and maximum 60%. You can change that.  
    var x = Math.max(0, Math.min(60, Math.ceil(Math.random() * 100)));
    var y = Math.max(0, Math.min(60, Math.ceil(Math.random() * 100)));
    $('<div />').css({
        position: 'absolute',
        width: '300px',
        height: '100px',
        top: y + '%',
        left: x + '%',
        'background-color': 'rgba(0,0,0,' + Math.random() + ')'
    }).text('top:' + y + ', left:' + x).appendTo('body');
}

http://jsfiddle.net/hspvadfv/

现在轮到你玩数学并改变var x和y。