js页面怎么切换夜间模式

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

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

js页面怎么切换夜间模式

2、默认的样式是为页面添加了一个背景色。

js页面怎么切换夜间模式

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

js页面怎么切换夜间模式

4、要能切换夜间模式,我们在页面添加一个岳蘖氽颐按钮,按钮添加onclick点击事件,事件函数如下,先判断页面的body是否有night这个夜间模式的样式。

js页面怎么切换夜间模式

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

js页面怎么切换夜间模式

6、运行页面,现在是正常的模式,点击下面的切换按钮。

js页面怎么切换夜间模式

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

js页面怎么切换夜间模式
  • 如何用jquery给li标签加边框
  • thinkphp如何在html页面输出数据库数据
  • 如何在pycharm编辑工具中使用Django框架并调用
  • js实现得到焦点input清空,失去焦点显示默认文字
  • java如何添加背景图片的文字
  • 热门搜索
    手机不开机怎么刷机 药医的悠然生活 淘宝助手怎么用 如何提高功率因数 学习心得开头怎么写 暧昧是什么意思 微博秒拍视频怎么下载 电脑怎么截图片 怎么下载歌曲到u盘里 如何办理失业证