Jquery实现简单的粒子效果

Jquery实现简单的粒子效果

——Jquery实现简单的五彩纸屑粒子效果
废话不多说，直接贴代码
body部分只用定义一个简单的div

<div class="textcontainer"><span class="particletext confetti">Confetti</span>
</div>

脚本部分

<script>
confetti();function confetti() {$.each($(".fetti"), function(){var confetticount = ($(this).width()/50)*10;for(var i = 0; i <= confetticount; i++) {$(this).append('<span class="particle c' + rnd(1,5) + '" style="top:' + rnd(10,50) + '%; left:' + rnd(0,100) + '%;width:' + rnd(6,8) + 'px; height:' + rnd(3,4) + 'px;animation-delay: ' + (rnd(0,30)/10) + 's;"></span>');}});
}function rnd(m,n) {m = parseI