暗黑模式切换可以通过以下代码示例实现:
/* 明亮模式 */
body {
background-color: white;
color: black;
}
/* 暗黑模式 */
body.dark-mode {
background-color: black;
color: white;
}
function toggleDarkMode() {
var body = document.querySelector('body');
body.classList.toggle('dark-mode');
}
var toggleButton = document.querySelector('#toggle-button');
toggleButton.addEventListener('click', toggleDarkMode);
这样,当用户点击“切换模式”按钮时,就可以切换网页的主题模式。
上一篇:暗黑模式和Lottie动画
下一篇:暗黑模式切换按钮无法正常使用