原文链接:Blog点击樱花效果与不同数量漂浮樱花
在solo后台管理页面-偏好设定-HTML_header中添加如下代码:
<script src="https://cdn.jsdelivr.net/gh/fz6m/Private-web@1.2/js/custom/click.min.js"></script>
效果(手机端也有效)
同样在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
效果
注意:
- 上述两个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实现点击樱花和漂浮樱花效果