红包雨js插件

红包雨的javascript插件

html 部分

<div id="box"></div>

style 部分

/* 红包的样式*/ .redpack { position: absolute; display: block; width: 30px; height: 44px; background: #f00; } /*点击后的红包*/ .redpacked { background: #f80; }

javascript 部分

var el = document.getElementById("box"); var rain = new redPack({ el: el, // 容器 //chance: 0.5, // 几率,暂时不要 speed: 10, // 速度，越小越快 density: 200, // 红包密度，越小越多 callback: function() { console.log("callback"); } // 点击红包的回调 }); document.onclick = function() { //停止 // rain.stop(); }