<html><head>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<script type="text/javascript" src="../jquery-2.1.4.min.js"></script>
<title>下雪了</title>
<style type="text/css">
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
div p{line-height: 800px;text-align: center;font-size:100px;font-weight: 900;color:red}
</style>
<script type="text/javascript" src="ss.js"></script>
</head>
<body>
<div style="background-color:#0c91b8; height:1024px;">
<p>下雪了</p>
</div>
<script type="text/javascript" src="q.js"></script><canvas style="position: fixed; top: 0px; left: 0px; z-index: 5000; pointer-events: none; " id="canvas_snow" width="1440" height="330"></canvas>
</body></html>
效果展示
原文：http://www.cnblogs.com/turbo12138/p/5569014.html