六月是只猫

2月

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写入

js 代码:

<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;}

完成以上操作即可大功告成，快去开启夜间模式试一下吧

声明：本文由六月是只猫（博主）原创，依据 CC-BY-NC-SA 4.0 许可协议授权，转载请注明出处。

还没有人喜爱这篇文章呢

为你的网站网页加上鼠标流光背景JS特效