* 原始文章地址可能暂时无法访问，仅展示文章的摘要信息
「不错的白天夜晚切换模式」的摘要信息
接上次分享的"有趣可调节的暗黑模式"文章，今天再给大家分享一个挺不错的白天夜晚模式自由切换的小组件。 老样子，如果喜欢可以直接拿去食用😎！ 效果展示 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>不错的白天夜晚切换模式 刘郎阁</title> </head> <body> <div class="toolbar-link" onclick="changeMode()"> <label class="dark-mode ml-auto"> <input type="checkbox" checked="false"> <span></span> </label> </div> <style> body { height:100vh; display:flex; align-items:center; justify-content:center; background:#f0f0f0; transition:all 0.3s; } body.is-dark { background:#3b3b41; } .toolbar-link { display:flex; justify-content:center; align-items:center; height:64px; width:64px; border-radius:9999px; margin:0 4px; transition:all .3s; border: 1px solid #ffb62e; } .toolbar-link:hover ...