I. 下雪效果
见本站页面,关灯之后效果更佳,懂的都懂
II.Falling snowflakes 介绍
开源、简洁的圣诞节下雪的特效,仅需一段JavaScript代码即可完成部署,支持灵活设置雪花数量、颜色、大小。
开源仓库
Snowflakes开源仓库:https://github.com/hcodes/snowflakes
JavaScript 对应资源URL:https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js
下雪特效在线测试及效果预览:https://hcodes.github.io/demo-snowflakes/ (可以调试颜色、雪花数量、大小等)
https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js
III.如何在网站上部署
在 </body>
标签前加入如下 JavaScript 代码即可,含<script>
标签;
<script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js"></script> <script> new Snowflakes(); </script> 如下图;如果你也是 Typecho 博客类型,则建议在 aside.php 末尾添加如上代码;

IV. 高阶配置(雪花数量、大小、颜色)
下雪特效效果各参数在线测试及预览:https://hcodes.github.io/demo-snowflakes/
<script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js"></script> <script> var sf = new Snowflakes({ count: 10, color: "#ffffff", minxSize: 5, maxSize: 15 }); </script>
V.snowflakes.min.js 内容
为避免作者删库(极少可能),大家可以下载 JavaScript 代码,存储起来方便使用
高速通道
snowflakes.min.j内容
类型:
js
此js在ty程序同样适应