每个对象随机大小

时间:2013-12-01 06:25:04

标签: jquery function random

这个片段创造了降雪效果,我一直在玩它试图获得不同大小的片状,但到目前为止只能使它们在页面刷新时改变大小,我真正想要的是每片都是不同尺寸,(或至少有2或3种不同尺寸)请帮忙吗?

var snowCount = 0,
fs = Math.floor(Math.random() * (30 - 20) + 20);
function snowFlakes(){
 var randomTime = Math.floor(Math.random() * (500) * 2);
 setTimeout(function(){
 snowCount = snowCount +2;
  jquerysnow();
  snowFlakes();
 },randomTime);
}
function jquerysnow() {
 var snow = $('<div class="snow" style="font-size:'+fs+'px;"></div>'),
       dH = $(document).height() + 'px',
       sf = $('#snowflakes');
 sf.prepend(snow);
   snowX = Math.floor(Math.random() * sf.width());
 snowSpd = Math.floor(Math.random() * (500) * 20);
 snow.css({'left':snowX+'px'});
 snow.html('&#x2744;');
 snow.animate({top : dH, opacity : '1',}, 9000, function(){
            $(this).remove();
        });
}
snowFlakes();

jsfiddle

1 个答案:

答案 0 :(得分:1)

您只声明fs变量一次。如果您在jquerysnow函数中创建它,则应该设置。我在这里分享了你的jsfiddle:http://jsfiddle.net/Lnbks/1/