直播商城源码,实现系统的日间/夜间模式切换
2022/2/10 17:15:44
本文主要是介绍直播商城源码,实现系统的日间/夜间模式切换,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
直播商城源码,实现系统的日间/夜间模式切换实现的相关代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div class="container light"><!--类名--> 这是你 <br> 要输入 <br> 的内容 <br> </div> <style>/*去除浏览器默认样式*/ * { margin: 0; padding: 0; box-sizing: border-box; } html,body {/*让html标签和body标签和浏览器窗口一样高一样宽*/ width: 100%; height: 100%; } .container { width: 100%; height: 100%; /*100%的意思为和父元素尺寸一样*/ } .light { color: #333; } .dark { background-color: #333; color: #f3f3f3; } </style> <script> let di = document.querySelector('div');/*选中div*/ di.onclick = function () { console.log(di.className); if (di.className.indexOf('light') != -1) { di.className = 'container dark'; } else { di.className = 'container light'; } } </script> </body> </html>
以上就是 直播商城源码,实现系统的日间/夜间模式切换实现的相关代码,更多内容欢迎关注之后的文章
这篇关于直播商城源码,实现系统的日间/夜间模式切换的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-15鸿蒙生态设备数量超8亿台
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?