Html页面雪花效果的实现

简单介绍

昨天修改了一下博客所用的模板,冬天来了,给自己的博客加点雪花,感觉更有意境。

百度找到了非常多的结果,最终还是选用了cfs.snow.js,很赞压缩之后只有1kb左右,而且不会影响页面使用,使用方式非常简单。

引入js文件之后只需要一句话:

snow.down()

该项目github地址:https://github.com/coolfishstudio/cfs.snow.js

演示地址:http://snow.coolfishstudio.com/

此雪花效果不支持IE浏览器,所以IE浏览器访问会屏蔽雪花效果。

快速使用

这里我自己搭建了一个cdn服务供大家使用,支持http和https。

<script type="text/javascript" src="//cdn.xcmaster.com/snow.js"></script>
<script>
    snow.down()
</script>

关于博客园的设置

1.进入自己的博客,点击管理

2.点击设置选项卡

3.在页首html代码中,添加代码

最后不要忘记保存了,打开你的博客就可以看到效果了!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Albert陈凯

2018-09-03 简单问题:VIM中 查找 “上一个” 的快捷键是什么?G 移动光标到指定行#. 例如: 5G-> 光标下反向搜索关键词 (search the word under cursor

https://blog.csdn.net/qq_31307253/article/details/78652494

8261
来自专栏程序员的知识天地

如何用Python来制作简单的爬虫,爬取到你想要的图片

在我们日常上网浏览网页的时候,经常会看到一些好看的图片,我们就希望把这些图片保存下载,或者用户用来做桌面壁纸,或者用来做设计的素材。

1223
来自专栏葡萄城控件技术团队

带你走近AngularJS - 基本功能介绍

带你走近AngularJS系列: 带你走近AngularJS - 基本功能介绍 带你走近AngularJS - 体验指令实例 带你走近AngularJS - 创...

20210
来自专栏IT派

静态站点生成器:makesite.py

通过在Python中编写自己的简单、轻量级、无魔法的静态站点生成器,完全控制静态网站/博客生成。对的!重新发明轮子,伙计们!

1313
来自专栏魏艾斯博客www.vpsss.net

wordpress 网页头部有空白怎么解决

1474
来自专栏米扑专栏

Node.js 安装与开发

4068
来自专栏Linux驱动

12.QT4.7.4-解决WIN平台和Linux平台中文乱码,QLineEdit右击菜单中文显示

2167
来自专栏python爬虫实战之路

网络字体反爬之起点中文小说

前几天跟同事聊到最近在看什么小说,想起之前看过一篇文章说的是网络十大水文,就想把起点上的小说信息爬一下,搞点可视化数据看看。这段时间正在看爬虫框架-pyspid...

1492
来自专栏ionic3+

Cordova插件使用——Themeablebrowser数据花式交互

Themeablebrowser是一个外部浏览器插件,它fork自inappbrowser,相比于后者,此插件的目的是提供一个可以与你的应用程序的主题相匹配的i...

1814
来自专栏小狼的世界

Silverlight学习笔记:资源的位置

    在 Web 项目中,我们免不了使用一些诸如图片、音频、视频、字体之类的在我们的程序中非可执行的数据文件,习惯称之为资源文件。在Silverlight中,...

572

扫码关注云+社区