JavaScript基础开关灯案例

最新推荐文章于 2022-06-27 13:41:07 发布

憨憨的官

最新推荐文章于 2022-06-27 13:41:07 发布

阅读量353

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： js

本文链接：https://blog.csdn.net/qq_46362428/article/details/106146113

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的简单开关灯效果案例。通过修改图片源，实现灯泡开关状态的切换，展示了基本的DOM操作和事件监听技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript基础开关灯案例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>点亮灯泡</title>
	</head>
	<body>
		<script>
			function changimage()
			{
				element=document.getElementById('myimage')
				if(element.src.match("bullbon"))
				{
					element.src="../img/bullboff.gif";
				}
				else
				{
					element.src="../img/bullbon.gif";
				}
				
			}
		</script>
		
		<img id="myimage" src="../img/bullboff.gif"onclick="changimage()" alt="my image gallery">
		![在这里插入图片描述](https://img-blog.csdnimg.cn/2020051517193456.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ2MzYyNDI4,size_16,color_FFFFFF,t_70)
		<p>太暗了，开一下灯吧！</p>
	</body>
</html>

在这里插入图片描述
.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference
[2]: https://mermaidjs.github.io/
[3]: https://mermaidjs.github.io/
[4]: http://adrai.github.io/flowchart.js/