技术教程:给WordPress网站增加一个下雪特效 好看好听

搜刮好东西分享简介:进了腊月门了,马上就要过年了。冬天最美的景色就是坐在窗前,听着优美的音乐,喝着咖啡,看着窗外飘落的雪花,听着雪落下的声音

技术教程:给WordPress网站增加一个下雪特效 好看好听 wordpress教程 第1张

      JQuery-Snowfall是云落在bootCDN直接搜索到的一个js雪花库,代码很简单很精炼,分为jQuery版和纯js版本,云落这里使用的是纯js版,主要是纯js版本代码略少,还没有依赖关系。关于这个js的更多使用方法可以查看下面链接

官网 源码

使用

在WordPress里面使用很简单,直接加载一下js和配置代码即可,考虑很多人喜欢直接在function文件里面添加,就用钩子钩一下。

  1. function Snowfall(){
  2. ?>
  3. <script type=‘text/javascript’ src=‘https://cdn.bootcss.com/JQuery-Snowfall/1.7.4/snowfall.min.js’></script>
  4. <script type=“text/javascript”>snowFall.snow(document.body, {flakeCount : 90, maxSpeed : 12, round : true, minSize: 4, maxSize:10});</script>
  5. <?php
  6. }
  7. add_action( ‘get_footer’, ‘Snowfall’);

具体使用应该不用说吧

后语

      在使用这个js的时候发现一个问题,应该算是bug吧,就是拉到底部的时候,因为每一个雪花都是一个div,所以导致底部的页面会发生颤抖,但是考虑到雪花特效使用的时候并不多,所以就这样吧

最后给大家推荐一首好听的歌曲 —周深的《雪落下的声音》 

周深演唱的热播剧《延禧攻略》的片尾曲《雪落下的声音》,惊艳到了我,正如微博著名音乐博主耳帝这样评价道:陆虎版,城中落雪,富丽中裹着平实;林俊杰版,大雪纷扬,覆盖了玉阙金宫的光华;彭佳慧版,落雪苍茫,让旧情遗梦穿回到风花雪月的现代往事里;而周深版,则是落雪无声,观者有情,只留窗外一片白茫茫的大地……

为TA充电
人已赞赏
wordpress教程

技术教程:WordPress插件实现将图片等附件上传到远程FTP空间

2020-10-30 7:52:47

wordpress教程

技术教程:纯代码免插件实现WordPress添加主题演示功能

2020-10-30 7:52:49

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
  客服QQ:169403068