js简单的给你的网站添加夜间模式

满天星河mz

已于 2022-09-06 22:30:28 修改

阅读量1.1k

点赞数

文章标签： javascript 前端 html

于 2022-09-06 22:28:57 首次发布

本文链接：https://blog.csdn.net/m0_73596295/article/details/126734195

版权

darkmode.js是一个开源的项目，我们可以用它很方便的给自己的网站添加夜间模式

项目地址：https://darkmodejs.learn.uno/

将下面的代码放到网站的头部或尾部，就会在网页的右下角出现一个按钮，点击即可切换白天 / 夜晚模式。

<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.0/lib/darkmode-js.min.js"></script>
<script>
        new Darkmode().showWidget();
</script>

这是白天模式

这是夜间模式