让博客飘起鹅毛般的大雪吧

前言
很适合冬天的时候加上这个特效,简直了,大雪纷飞,雪花满屏飞舞,甚是好看,好似四季如冬。

使用方法
代码适用所有网站。
前提是必须加载jQuery文件。
没有加载jq的在head标签里加上这段js

1
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> 

把js文件上传到自己服务器(js文件在文末下载),然后把这段代码放到你想飘雪的页面。

1
2
3
<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是在别人服务器上的,什么时候删了就失效了。

1
2
3
4
<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>

直接饮用二

src
1
2
3
4
5
<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>

直接饮用三

src
1
2
3
4
5
<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>

直接引用四

src
1
2
3
4
5
6
<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>

也可以下载到本地

来源:https://laolion.com/


让博客飘起鹅毛般的大雪吧
http://yoursite.com/2022/08/17/特效/snow/
作者
雨停之後
发布于
2022年8月17日
许可协议