这篇博客介绍了如何使用JavaScript简单实现网页上的开关灯效果，通过改变body的CSS类实现背景颜色切换。当类名为'daytime'时，点击按钮会切换到'night'类，背景变暗；反之，背景变亮。此外，还展示了如何扩展功能，结合CSS和JavaScript来控制其他层的显示和隐藏。
近期做网页设计作业，感觉各种视频网站上的关灯效果很人性化，所以简易的用JavaScript写了一个
附上全部代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#choose{
margin:200px 200px;
}
.daytime{
background: #0D0D0D;
}
.nigth{
background: #FFF;
}
</style>
<script language="javascript" type="text/javascript">
function Switch()
{
var button = document.getElementById("bt"); //通过id获得button
var type = document.body.className;&nbs
最低0.47元/天 解锁文章
扫一扫
1535
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
