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

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加载失败,可以在此处下载

参考


“The first 90% of the code accounts for the first 90% of the development time. The remaining 10% of the code accounts for the other 90% of the development time.” – Tom Cargill

标  题solo实现点击樱花和漂浮樱花效果
作  者Leif160519
出  处https://leif.fun/articles/2020/05/08/1588868784474.html
关于博主:坐标南京,运维工程师,如有问题探讨可以直接下方留言。
声援博主:如果您觉得文章对您有帮助,可以评论、订阅、收藏。您的鼓励是博主的最大动力!