个人博客html5雪花飘落代码JS特效下载

2018年2月26日 13:00:42web前端已关闭评论590阅读模式

如何给自己的网站/页面添加雪花代码、特效呢?有的网站配合自己的主题模板添加雪花飘落效果挺好看的。特别是与冬天季节相关的主题，很多的博客空间都加了雪花的效果。在网上搜索了几种雪花效果，做了简单的修改，在这里给大家分享下。将代码添加到你的页面就可以了。

1、唯美浪漫雪花飘落jquery特效代码。演示页面：http://www.bokequ.com/winter/。代码添加如下：

<script src="http://www.bokequ.com/winter/templets/xq/js/snowy.js"></script>
<style type="text/css">
.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;}</style>
<div class="snow-container"></div>

2、冬季HTML5 3D雪花斜着飘落动画场景特效

演示页面：

http://www.bokequ.com/blog/12/

http://www.bokequ.com/blog/xue2/

代码添加如下：

<script src="http://www.bokequ.com/winter/templets/xq/js/snowy.js"></script>
<script src="http://www.bokequ.com/blog/12/js/Snow.js"></script>
<style type="text/css">
.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;}
</style>
<div class="snow-container"></div>

3、html5 canvas制作3D逼真冬天雪景雪花飘场景

演示页面：

http://www.bokequ.com/blog/14/

http://www.bokequ.com/blog/xue1/

代码添加如下：

<script src="http://www.bokequ.com/winter/templets/xq/js/snowy.js"></script>
<script src="http://www.bokequ.com/blog/14/js/Snow.js"></script>
<style type="text/css">
.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;}
</style>
<div class="snow-container"></div>

4、平安夜/圣诞夜jquery snow.js雪花飘落效果 (适用于平安夜，圣诞节背景可改，雪花的密度，尺寸均可改(代码内有说明)，须引入jquery库，简单好用。)

演示页面：http://www.bokequ.com/blog/xue3/

5、html5 canvas散开变大雪花动画特效演示页面：http://www.bokequ.com/blog/xue/

以上是使用javascript实现雪花飘落的效果代码，可以根据个人喜爱修改，更多好看网页雪花特效代码欢迎分享。

雪花飘落js特效代码下载地址链接: https://pan.baidu.com/s/1M2_-DcR5pBCKLsx2W48Wpg?pwd=2ft7 提取码: 2ft7

热门搜索