网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

js页面怎么切换夜间模式

时间:2024-10-19 05:29:04

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

js页面怎么切换夜间模式

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

js页面怎么切换夜间模式

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

js页面怎么切换夜间模式

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

js页面怎么切换夜间模式
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com