我是一只历经沧桑的老狮

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

前言

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

使用方法

代码适用所有网站。
前提是必须加载 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>


本站未注明转载的文章均为原创,转载请注明来源,谢谢!

添加新评论