個人網站html5雪花飄落代碼JS特效下載
阿新 • • 發佈:2018-04-07
ret 聖誕 pri 個人網站 nts 網站 www. pos jquery庫
如何給自己的網站/頁面添加雪花代碼、特效呢?有的網站配合自己的主題模板添加雪花飄落效果挺好看的。特別是與冬天季節相關的主題,很多的博客空間都加了雪花的效果。在網上搜索了幾種雪花效果,做了簡單的修改,在這裏給大家分享下。將代碼添加到你的頁面就可以了。
1、唯美浪漫雪花飄落jquery特效代碼。演示頁面:http://www.lmlblog.com/winter/。代碼添加如下:
<script src="http://www.lmlblog.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.lmlblog.com/blog/12/
http://www.lmlblog.com/blog/xue2/
代碼添加如下:
<script src="http://www.lmlblog.com/winter/templets/xq/js/snowy.js"></script> <script src="http://www.lmlblog.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.lmlblog.com/blog/14/
http://www.lmlblog.com/blog/xue1/
代碼添加如下:
<script src="http://www.lmlblog.com/winter/templets/xq/js/snowy.js"></script> <script src="http://www.lmlblog.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.lmlblog.com/blog/xue3/
5、html5 canvas散開變大雪花動畫特效 演示頁面:http://www.lmlblog.com/blog/xue/
以上是使用javascript實現雪花飄落的效果代碼,可以根據個人喜愛修改,更多好看網頁雪花特效代碼歡迎分享。
雪花飄落js特效代碼下載地下https://pan.baidu.com/s/1eTUQ4Pc
個人網站html5雪花飄落代碼JS特效下載