個人網站html5雪花飄落代碼JS特效下載

2018年2月26日12:34:57 發表評論

阿里云服務器

如何給自己的網站/頁面添加雪花代碼、特效呢?有的網站配合自己的主題模板添加雪花飄落效果挺好看的。特別是與冬天季節相關的主題,很多的博客空間都加了雪花的效果。在網上搜索了幾種雪花效果,做了簡單的修改,在這里給大家分享下。將代碼添加到你的頁面就可以了。

個人網站html5雪花飄落代碼JS特效下載

1、唯美浪漫雪花飄落jquery特效代碼。演示頁面:http://www.mnzvqk.tw/winter/。代碼添加如下:

<script src="http://www.mnzvqk.tw/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.mnzvqk.tw/blog/12/

http://www.mnzvqk.tw/blog/xue2/

代碼添加如下:

<script src="http://www.mnzvqk.tw/winter/templets/xq/js/snowy.js"></script>
<script src="http://www.mnzvqk.tw/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.mnzvqk.tw/blog/14/

http://www.mnzvqk.tw/blog/xue1/

代碼添加如下:

<script src="http://www.mnzvqk.tw/winter/templets/xq/js/snowy.js"></script>
<script src="http://www.mnzvqk.tw/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.mnzvqk.tw/blog/xue3/

5、html5 canvas散開變大雪花動畫特效 演示頁面:http://www.mnzvqk.tw/blog/xue/

以上是使用javascript實現雪花飄落的效果代碼,可以根據個人喜愛修改,更多好看網頁雪花特效代碼歡迎分享。

雪花飄落js特效代碼下載地址

maolai

發表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: