canvas画布配合JS即可实现,这个版本是我从一个人单页里面抄下来的,顺便优化了一下后将其加入到了本站夜间模式
一、直接使用
html 代码:<canvas id="sbcanvas" class="sbcanvas"></canvas>
<script src="https://www.lyszm.com/CDN/JS/shubaotx.js"></script>
<style>
.sbcanvas{
display: block;
position: fixed;
top: 0;
z-index: -9;
}
</style>
二、将鼠标特效设置为仅夜间模式使用
1.先在body写入
<canvas id="sbcanvas" class="sbcanvas"></canvas>
<script src="https://www.lyszm.com/CDN/JS/shubaotx.js"></script>
2.更改css属性display为none(日间模式不显示该元素)
css 代码:.sbcanvas{
display: none;
position: fixed;
top: 0;
z-index: -9;
}
</style>
3.在模板CSS文件夹最下面加入以下代码
html 代码:html[data-night='night'] .sbcanvas{display:block;}
完成以上操作即可大功告成,快去开启夜间模式试一下吧