JavaScript模拟实现电灯开关

最新推荐文章于 2021-03-29 20:14:47 发布

??7211

最新推荐文章于 2021-03-29 20:14:47 发布

阅读量221

点赞数

本文链接：https://blog.csdn.net/weixin_45747093/article/details/102538561

版权

这篇博客介绍了如何使用JavaScript来模拟电灯开关的效果。默认状态下灯泡是关闭的，点击ON按钮可以开启灯泡，再次点击OFF则关闭灯泡，实现了简单的交互功能。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--定义图片标签-->
				<div>
					<img src="img/1.gif" id="dengImge" />
				</div>
				
				
				<div>
					<img src="img/on.png" " onclick="on_off()"  id="on_off_img" />
				</div>
				
				
				
<script type="text/javascript">
			var i = 0;
			var a = 1;
			var  on_off_img = ["img/off.png", "img/on.png"];
			var dengImg = ["img/2.gif", "img/1.gif"];
			function on_off() {
				document.getElementById('on_off_img').src = on_off_img[i];
				document.getElementById('d

最低0.47元/天解锁文章

??7211

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript模拟实现电灯开关

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body>  <div> <img src="i...
复制链接

扫一扫