JavaScript实现开关等效果
作者：ruirui_1996 时间：2024-04-25 13:13:55
废话不多说了，直接给大家贴代码了，具体代码如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>开关灯</title>
<style type="text/css">
html, body {
margin: 0px;
padding: 0px;
width: 100％;
height: 100％;
cursor: pointer;
background-color: white;
}
</style>
</head>
<body id="bodyEle">
<script type="text/javascript">
var oBody = document.getElementById("bodyEle");
oBody.onclick = function () {
var bg = this.style.backgroundColor;
switch (bg) {
case "white":
this.style.backgroundColor = "red";
break;
case "red":
this.style.backgroundColor = "black";
break;
default:
this.style.backgroundColor = "white";
}
}
</script>
</body>
</html>
总结
以上所述是小编给大家介绍的JavaScript实现开关等效果网站的支持！
来源：http://blog.csdn.net/ruirui_1996/article/details/77892131
标签：js,开关灯
0
投稿猜你喜欢
Python绘制3D立体花朵示例详解
2021-06-26 02:59:54
为SWFUpload增加ASP版本的上传处理程序
2011-04-28 08:01:00
使用python判断你是青少年还是老年人
2021-03-18 14:42:23
分享2个方便调试Python代码的实用工具
2021-08-26 18:50:08
用Pelican搭建一个极简静态博客系统过程解析
2022-07-21 19:18:39
matplotlib 范围选区(SpanSelector)的使用
2023-08-22 14:34:56
Python图像识别+KNN求解数独的实现
2021-06-11 19:48:23
python字符串，数值计算
2022-12-28 11:20:32
MySQL执行时间的查询
2024-01-14 13:54:25
详解Python模块化--模块(Modules)和包(Packages)
2023-03-30 01:14:27
Python 文件操作方法总结
2023-11-29 11:36:28
Go语言基于HTTP的内存缓存服务的实现
2024-05-21 10:25:12
Python数据可视化编程通过Matplotlib创建散点图代码示例
2022-01-04 17:23:34
PyCharm安装配置Qt Designer+PyUIC图文教程
2022-10-21 08:44:46
解决vue组件中click事件失效的问题
2023-07-02 16:34:10
详解Python操作Excel之openpyxl
2021-10-13 05:13:21
sqlserver索引的原理及索引建立的注意事项小结
2024-01-14 03:39:34
提高ASP性能的最佳选择第二部分
2007-08-15 12:46:00
Python学习笔记之Zip和Enumerate用法实例分析
2021-09-03 19:58:50
python用10行代码实现对黄 色图片的检测功能
2023-11-16 23:48:33