分类：电灯开关

2021
05-23

用js控制电灯开关

用js控制电灯开关 利用js控制电灯开关，供大家参考，具体内容如下题目：通过js来控制电灯的开关分析：获取电灯泡元素，给它绑定点击事件，通过鼠标点击来实现电灯泡的开关实现方法：方法一：获取图片元素，通过给按钮绑定点击事件来控制电灯开关<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1... 继续阅读 >
2021
01-21

js实现电灯开关效果

js实现电灯开关效果 本文实例为大家分享了js实现电灯开关效果的具体代码，供大家参考，具体内容如下通过对js的一个学习，我们来完成一个模拟电灯开关的小案例。首先对本案例进行一个分析，过程如下：1.获取图片属性2.绑定单击事件3.点击时切换图片1.通过按钮实现电灯开关<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><body><imgsrc="imgs/on.gif"alt=""id="img"><br><!--图片--><inputtype="button... 继续阅读 >
2020
09-25

JavaScript实现电灯开关小案例

JavaScript实现电灯开关小案例 今天学习了JavaScript的一些简单知识，感觉挺有意思，仅仅通过简简单单的几行代码就能模拟出生活中的一些应用场景，Interesting。比如我今天要写的这个模拟电灯开关的小案例。首先对本案例进行一个分析，过程如下：1.获取图片对象2.绑定单击事件3.每次点击，切换图片切换规则：如灯是开着的，则切换图片为off状态，如果灯是关着的，则切换图片为on状态，灯的状态用flag标记代码实现：<!DOCTYPEhtml><htmllang="en"><head><meta... 继续阅读 >