网页黑夜模式白天模式切换htmlcssjs

　　点击按钮效果：
　　先言：
　　实现是很简单的，就是背景色的切换，用的是最基础的js；
　　1.定义开关按钮标签，‘bai’就是里面那个小圆圈：
　　2.开关按钮的样式：  .kaiguan{              position: absolute;              top: 20px;              right: 50px;              width: 40px;              height: 20px;              border: 2px solid black;              border-radius: 20px;              cursor: pointer;              transition: all 3s;          }          .bai{                          position: absolute;              top: 1.5px;              left: 2px;              height: 13px;              width: 13px;              background-color: rgb(0, 0, 0);              border-radius: 50%;              transition: all 1s;          }
　　3.js部分，点击开关后，开关和小球的样式改变，body的字体和背景颜色改变：
　　4.修改后的样式：hei{                          position: absolute;              top: 1.5px;              right: 2px;              height: 13px;              width: 13px;              background-color: rgb(11, 243, 81);              border-radius: 50%;              transition: all 1s;          }
　　总结：需要完全源码加微信：想要获取更多免费资料添加微信号：codingbb
　　更多内容推荐
　　HTML+CSS新手快速入门教程「源码」
　　回顾html+css
　　女朋友生日HTML+css3+js 炫酷3D相册 (含音乐)