苏醒 苏醒
  • 首页
  • 主题
  • 教程
  • 博客
  • 唠叨
  • 基友团
  • 留言
  • 首页
  • 主题
  • 教程
  • 博客
  • 唠叨
  • 留言

WordPress网站实现下雪特效,云体验下雪的赶脚

苏醒2019-12-25 12:36:27

WordPress网站实现下雪特效,云体验下雪的赶脚-苏醒

圣诞节了,码农的浪漫,能用代码,就尽量用代码解决。

而使用 WordPress主题做的网站,要实现下雪的特效,一个 nicetheme 的积木就能完事。

#我是一条硬广#

送一枚 nicetheme 圣诞优惠码,扫码关注nicetheme 公众号,回复:圣诞。随机 优惠码,全场通用。

祝大家圣诞节快乐,性福美满!

WordPress网站实现下雪特效,云体验下雪的赶脚-苏醒

雪花特效积木

nicetheme 根据开源项目 snowstorm 做了免费积木,启动积木后,网站就会有雪花飘落的特效,南方的小伙伴也能云体验到下雪的赶脚。

雪花特效

 

操作提示

1、积木启动后,效果即可生效,无需其他操作

2、启动后,请清下浏览器缓存、以及你的 CDN缓存,否则可能无法正常显示效果。

3、雪花特效默认不在手机上启用(移动端的性能消耗可能比较大),如果想开启,请在设置中启动。

 

使用 tips

有一些自定义的细节,可以看个人需求,进行定制,只需要把以下示范代码插入到 footer.php 底部的 body 标签之前即可。

<script>
snowStorm.snowColor ='#99ccff'; //蓝色的雪! 
snowStorm.snowCharacter = '•'; //修改雪的形状 
snowStorm.usePositionFixed = false;//true = 关闭跟随鼠标 false = 开启跟随鼠标 
snowStorm.flakesMaxActive = 96; //一次在萤幕上显示更多积雪 
snowStorm.useTwinkleEffect = true; //让雪花闪烁进出视野 
snowStorm.vMaxX = 8; // X轴移动最大移动速度,越大越快 
snowStorm.vMaxY = 5; // Y轴移动最大移动速度,越大越快 
</script> 
9
分享
苏醒 站长
文章 163评论 288
赞赏
苏醒
相关文章
  • Mac 如何使用 docker 安装宝塔环境
  • 解决WordPress 文章英文单词溢出/单词断词等问题
  • 非插件启用 WordPress 维护模式
  • 百度统计:已上线白名单过滤功能解决代码被盗用问题
  • WordPress主题/插件升级,一直提示:正在执行例行维护,请一分钟后回来
评论 (0)
再想想
    沙发抢一发
苏醒
站长
每天清晨有多少双眼睛睁开,有多少人的意识苏醒过来,便有多少个世界。
163文章
288评论
306获赞
我用的 WordPress 主题
2021 年单栏 WordPress 主题
  • 首页
  • 主题
  • 教程
  • 博客
  • 唠叨
  • 基友团
  • 留言
Copyright © 2012-2021 苏醒. Designed by nicetheme.