【图片】js+html实现电灯的打开与关闭【百知教育吧】_百度贴吧

12月25日漏签0天

百知教育吧关注：122贴子：1,645

3回复贴，共1页

<返回百知教育吧

js+html实现电灯的打开与关闭

只看楼主收藏回复

一、介绍
其实就是不同图片的转换来实现电灯的打开和关闭，并且显示打开和关闭的时间
1.当点击on或短灯绳时电灯变亮，并显示打开时间
2.点击off或长灯绳时，电灯不亮，并显示关闭时间

送TA礼物

1楼2020-02-27 20:26回复

这是代码实现之后的界面，接下来看代码
二、先写好界面的代码，如图：

接下来就是js的实现了，请看：

2楼2020-02-27 20:27

先把每个功能的图片放入数组里面，然后通过 i 的值来获取更换的图片

然后再来实现on_off()方法

3楼2020-02-27 20:28

4楼2020-02-27 20:28

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

贴吧热议榜

3回复贴，共1页

<返回百知教育吧

发表回复

发贴请遵守贴吧协议及“七条底线”贴吧投诉

内容:

使用签名档查看全部

发表

保存至快速回贴