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

本贴最后更新于 1659 天前,其中的信息可能已经事过境迁

原文链接: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 加载失败,可以在此处下载

参考

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...