js页面怎么切换夜间模式

2024-10-19 05:29:04

1、在页面html里,我们有一个div,里面就是页面的文章内容。

js页面怎么切换夜间模式

3、我们还要为页面添加一个夜间模式的样式,主要是更改背景色,文章字体颜色等。

js页面怎么切换夜间模式

5、如果没有这个样式,就添加night,这皱诣愚继样就能切换到夜间模式了。如果已经有了这个样式,就删除这个night样式,这样就是从夜间模式返回到正常模式。

js页面怎么切换夜间模式

7、点击后,这是切换到夜间模式的效果。

js页面怎么切换夜间模式
猜你喜欢