——Jquery实现简单的五彩纸屑粒子效果
废话不多说,直接贴代码
body部分只用定义一个简单的div
<div class="textcontainer">
<span class="particletext confetti">Confetti</span>
</div>
脚本部分
<script>
confetti();
function confetti() {
$.each($(".particletext.confetti"), 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