前言
很适合冬天的时候加上这个特效,简直了,大雪纷飞,雪花满屏飞舞,甚是好看,好似四季如冬。
使用方法
代码适用所有网站。
前提是必须加载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>
|
直接饮用二
src1 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>
|
直接饮用三
src1 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>
|
直接引用四
src1 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/