今天看到了一个基于canvas的下雨效果，感觉挺好玩的，效果图如下：
主要使用了Marius 提供的js文件。
上面的效果主要采用的代码如下：
<div style="background-color:#A2A7AB">
<canvas width="690" id="rainCanvas" height="300" style="background: rgba(0,0,0,0);margin-top: 8px"></canvas>
</div>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="/assets/scripts/ClassyEffects.src.js"></script>
<script type="text/javascript">
var effect = new ClassyEffects({
effect: 'rain',
container: $("#rainCanvas"),
});
</script>
同样，通过修改effect的参数，将rain改为snow就可以产生下雪的效果，如下所示：
