JavaScript实现开关灯效果

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JavaScript演示</title>
</head>
<body><input type="button" onclick="on()" value="开灯">
<img id="myImage"  src="./imgs/off.gif" style="text-align:center;">
<input type="button" onclick="off()" value="关灯"><script>function on(){document.getElementById('myImage').src='./imgs/on.gif';}function off(){document.getElementById('myImage').src='./imgs/off.gif'}</script>
</body>
</html>

素材

JavaScript实现开关灯效果相关推荐

开关灯效果HTML,js实现开关灯效果
本文实例为大家分享了js实现开关灯效果的具体代码,供大家参考,具体内容如下开关灯 body{background: black;cursor: pointer;} .lamp{width: 100p ...
十六、Javascript实现放大镜效果
@Author:Runsen @Date:2020/6/1 作者介绍:Runsen目前大三下学期,专业化学工程与工艺,大学沉迷日语,Python, Java和一系列数据分析软件.导致翘课严重,专业排名 ...
元素的样式设置元素类样式的操作开关灯效果获取兄弟元素当前元素的兄弟元素样式
元素的样式设置 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
javascript瀑布流效果
javascript瀑布流效果其实javascript瀑布流前几年都已经很流行了(特别是美丽说,蘑菇街),最近看到网上有人问这个瀑布流效果,所以自己有空的时候就研究了下,其实也是研究别人的代码,研 ...
JavaScript 省市级联效果
为什么80%的码农都做不了架构师?>>> JavaScript 省市级联效果 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM ...
基于JavaScript实现放大镜效果
基于JavaScript实现放大镜效果描述:右侧图片必须是左侧图片的倍数大,主要是获取鼠标相对与被触发元素的坐标位置,再通过位置定位实现效果 <!DOCTYPE html> <ht ...
用MVC来实现javaScript的时间效果
用MVC来实现javaScript的时间效果开发工具与关键技术: MVC javascript 作者:沈金凤年级:18级(5)班撰写日期:2019年2月11日除了再Html中写javaScri ...
JavaScript 图片切割效果（带拖放、缩放效果）
JavaScript 图片切割效果(带拖放.缩放效果) 转载于:https://www.cnblogs.com/xiaoluozi513/archive/2008/11/14/1333882.html
php实现开关效果代码,JavaScript实现开关效果的代码分享
本文给大家分享一段简单的代码基于js实现开关灯效果,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧废话不多说了,直接给大家贴代码了,具体代码如下所示: 开关灯 html, body { ...
JavaScript 实现雪花效果
JavaScript 实现雪花效果一.实现功能二.展示 1.代码展示 2.效果展示总结一.实现功能 (1)添加一个背景图片: (2)用js语言实现雪花飘落效果: (3)使用setInterva ...

JavaScript实现开关灯效果

JavaScript实现开关灯效果相关推荐

最新文章

热门文章