前言
很适合冬天的时候加上这个特效,简直了,大雪纷飞,雪花满屏飞舞,甚是好看,好似四季如冬。
使用方法
代码适用所有网站。
前提是必须加载 jQuery 文件。
没有加载 jq 的在 head 标签里加上这段 js
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
把 js 文件上传到自己服务器(js 文件在文末下载),然后把这段代码放到你想飘雪的页面。
<div class="snow-container" style="position:fixed;top:0;left:0;width:100%;height:100%;pointer-
events:none;z-index:100001;"></div>
<script type="text/javascript" src=" 你放 js 文件的路径 /snow.js"></script>
直接饮用一
如果你嫌麻烦,好吧直接插入下面这段就行了,但 js 是在别人服务器上的,什么时候删了就失效了。
<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>
直接饮用二
<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>
直接饮用三
<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>
直接引用四
<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>