如何给自己的网站/页面添加雪花代码、特效呢?有的网站配合自己的主题模板添加雪花飘落效果挺好看的。特别是与冬天季节相关的主题,很多的博客空间都加了雪花的效果。在网上搜索了几种雪花效果,做了简单的修改,在这里给大家分享下。将代码添加到你的页面就可以了。
1、 唯美浪漫雪花飘落 jquery 特效代码。
代码添加如下:
<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 雪花斜着飘落动画场景特效演示页面:
www.bokequ.com/blog/12/
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 逼真冬天雪景雪花飘场景演示页面:
www.bokequ.com/blog/14/
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 库,简单好用。)
演示页面:www.bokequ.com/blog/xue3/
5、html5 canvas 散开变大雪花动画特效
演示页面:www.bokequ.com/blog/xue/
以上是使用 javascript 实现雪花飘落的效果代码,可以根据个人喜爱修改,更多好看网页雪花特效代码欢迎分享。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。