JS实现灯泡亮熄特效

首先打开HBUilder软件，创建HTML文件
输入代码

<body><img src="1.png.jpg" width="160" height="120"  alt="" onclick="toggle()" id="bulb"><div id="timer">          </div>
</body>
<script>var bulbImg = document.getElementById('bulb');// 记录灯泡的状态, on = true 的时候是打开var on = false;// 方法一:function toggle() {console.log(bulbImg.src);if (on == true) {// 关闭bulbImg.src = "1.png.jpg";// on = false;} else {// 打开bulbImg.src = "2.png.jpg";//  on = true;flag = true;}// 取反on = !on;}setInterval(function(){   var date=new Dat

JS实现灯泡亮熄特效相关推荐

开关灯效果HTML,H5+CSS3打开关闭灯泡开关动画特效
H5+CSS3打开关闭灯泡开关动画特效 html, body { font-family: Georgia, serif; font-style: italic; font-size: 4.2vmin ...
HTML怎么编写可关闭广告,JS实现关闭小广告特效
本文实例为大家分享了JS实现关闭小广告特效的具体代码,供大家参考,具体内容如下知识点 1.获取元素 2.通过元素获取父元素 3.删除节点 4.设置元素隐藏运行效果直接删除隐藏代码 Title ...
Sequence.js 实现带有视差滚动特效的图片滑块
Sequence.js 功能齐全,除了能实现之前分享过的现代的图片滑动效果,还可以融合当前非常流行的视差滚动(Parallax Scrolling)效果.让多层背景以不同的速度移动,形成立体的运动效果 ...
原生JS实现拖动拉开序幕特效
给大家分享一个用原生JS实现的拖动拉开序幕特效,效果如下: 以下是代码实现,欢迎大家复制粘贴和收藏. <!DOCTYPE html> <html lang="en" ...
亮灯泡科技php,记科学小实验《灯泡亮了》
楼盘推广启动沙漏多米诺启动仪式激光船舵专业销售,庆典启动沙漏,开业活动沙漏,发布会多米诺启动仪式,诺骨牌由300个块骨牌组成,也就是说由300多幅画面组成,一般制作时间要3-4天这样,多米诺启动仪式 ...
原生JS实现图片跑马灯特效
今天给大家分享一个用原生JS实现的图片跑马灯特效,效果如下: 实现的代码如下,欢迎大家复制粘贴. <!DOCTYPE html> <html><head><m ...
如何使用js实现电影海报画廊特效？
js实现电影海报画廊特效特效需求: 加载页面依次自动播放下一张海报点击向前按钮,移动到钱一张海报点击向后按钮,移动到后一张海报点击底部圆点按钮,移动到对应的海报所用重点函数/方法/语句(部分 ...
原生JS实现VR看图特效
现在很多看车或是看房的网站都有VR看图的效果,看起来比较高端,类似于下面这样的效果: 那么这种效果是如何实现的呢?其实原理很简单,就是连续拍摄了多个角度的图片, 然后根据用户的操作加载不同角度的图片. ...
js实现点击掉落特效
js实现点击掉落特效先看看效果图话不多说代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="C ...

JS实现灯泡亮熄特效

JS实现灯泡亮熄特效

JS实现灯泡亮熄特效相关推荐

最新文章

热门文章