开关灯

最新推荐文章于 2024-06-08 09:45:35 发布

a18585265964

最新推荐文章于 2024-06-08 09:45:35 发布

阅读量50

点赞数

文章标签：经验分享其他

本文链接：https://blog.csdn.net/a18585265964/article/details/114363669

版权

开关灯代码流程

<head>
	<meta charset="utf-8" />
	<title></title>
	<style>
		* {
			padding: 0px;
			margin: 0px;
		}
		
		body {
			background-color: #000;
		}
		
		#light {
			display: block;
			margin: 200px auto;
		}
	</style>
</head>

<body>
	<img src="img/off.gif" id="light" onclick="a()" />
	<script>
		var flag = "off";
		//flag:off代表灯熄灭 flag:on 代表灯打开的
		var light = document.getElementById("light");

		function a() {
			if(flag == "off") {
				light.src = "img/on.gif";
				document.body.style.backgroundColor = "#ffffff";
				flag = "on";
			} else {
				light.src = "img/off.gif";
				document.body.style.backgroundColor = "#000000";
				flag = "off";
			}
			//				//document文档
			//				var light = document.getElementById("light");
			//				light.src = "img/on.gif";
			//				//backgroundColor 驼峰式命名
			//				document.body.style.backgroundColor = "#ffffff";
		}
	</script>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

a18585265964

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
开关灯

开关灯代码流程<head> <meta charset="utf-8" /> <title></title> <style> * { padding: 0px; margin: 0px; } body { background-color: #000; } #light { display: block; margin: 200px auto; } </style
复制链接

扫一扫