这个片段创造了降雪效果,我一直在玩它试图获得不同大小的片状,但到目前为止只能使它们在页面刷新时改变大小,我真正想要的是每片都是不同尺寸,(或至少有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('❄');
snow.animate({top : dH, opacity : '1',}, 9000, function(){
$(this).remove();
});
}
snowFlakes();
答案 0 :(得分:1)
您只声明fs
变量一次。如果您在jquerysnow
函数中创建它,则应该设置。我在这里分享了你的jsfiddle:http://jsfiddle.net/Lnbks/1/。