专栏首页晓晨的专栏Html页面雪花效果的实现

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 条评论
登录 后参与评论

相关文章

  • ABP从入门到精通(5):.扩展国际化语言资源

    晓晨
  • .NET Core 使用RSA算法 加密/解密/签名/验证签名

    晓晨
  • ASP.NET Core的身份认证框架IdentityServer4(8)- 使用密码认证方式控制API访问

    晓晨
  • 零基础学编程008:print语句

    在《零基础学编程007:FOR循环》这一篇文章里,我们只写了两行代码: for i in [1,2,3,4,5] : print( "(1+0.01)...

    申龙斌
  • 一个技术人的出书经历

    故事得从我大学毕业时候说起啦。大四第一学期忙着准备考研,错过了秋招,然而研究生也没考上,过完年研究生考试成绩出来后,一看不行就赶紧出来找工作,西北农村娃,不敢耗...

    纯洁的微笑
  • Java线上问题排查神器Arthas快速上手与原理浅谈

    以前,你碰到这些问题,解决的办法大多是,修改代码,重新上线。但是在大公司里,上线的流程是非常繁琐的,如果为了多加一行日志而重新发布版本,无疑是非常折腾人的。

    Java3y
  • Java线上问题排查神器Arthas快速上手与原理浅谈

    以前,你碰到这些问题,解决的办法大多是,修改代码,重新上线。但是在大公司里,上线的流程是非常繁琐的,如果为了多加一行日志而重新发布版本,无疑是非常折腾人的。

    Rude3Knife的公众号
  • 我这样教儿子学编程、数学和艺术(一次STEAM教育的设想)

    STEAM教育理念我最欣赏的教育理念之一。它最早是美国政府提出的教育倡议,即科学(Science)、技术(Technology)、工程(Engineering)...

    一石匠人
  • mysql完成字符串分割

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    逝兮诚
  • 谷歌发布轻量级视觉架构MobileNetV2,速度快准确率高

    虽然深度学习在图像分类、检测等任务上颇具优势,但提升模型精度对能耗和存储空间的要求很高,移动设备通常难以达到要求。

    量子位

扫码关注云+社区

领取腾讯云代金券