solo 实现点击樱花和漂浮樱花效果

原文链接:Blog 点击樱花效果与不同数量漂浮樱花

1.点击樱花

在 solo 后台管理页面-偏好设定-HTML_header 中添加如下代码:

<script src="https://cdn.jsdelivr.net/gh/fz6m/Private-web@1.2/js/custom/click.min.js"></script>

效果(手机端也有效)

image.png

2.背景少量樱花

同样在 solo 后台管理页面-偏好设定-HTML_header 中添加如下代码:

<script type="text/javascript"src="https://cdn.jsdelivr.net/gh/fz6m/Private-web@1.2/js/sakura/sakura-original.js"></script>

以上为原效果,另外提供几个不同数量文件的引用名

文件名 说明
sakura-small.js 少量樱花
sakura-reduce.js 樱花相对原效果减少 1/4
sakura-original.js 樱花数量不变(原效果)
sakura-half.js 樱花相对原效果数量减半

对于想安静阅读并且保持樱花效果的,这里推荐的是第一种少量 sakura-small.js 或第二种减半 sakura-half.js

效果

image.png

注意:

  • 上述两个 js 语句可以写在一起
  • 若 js 加载失败,可以在此处下载

参考

1 回帖
请输入回帖内容...
  • csfwff 1

    huaji 不错不错,安排上了