JavaScript ----点击事件 * 点击图片改变图片路径,达到开关灯效果

news/2024/11/7 18:33:48/

 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script language="JavaScript">
        /*
        * 点击图片改变图片路径
        * */
        var bool = true;
        function change(){
            var deng =document.images;

            if(bool){
                deng[0].src="images/0.gif";
                bool=false;
            }else{
                deng[0].src="images/1.gif";
                bool=true;
            }
        }       
    </script>
</head>
<body>

   <img src="images/1.gif" οnclick="change()"><br>
</body>
</html>


http://www.ppmy.cn/news/833632.html

相关文章

python控制灯泡_人工智能应用-手把手教你用Python硬件编程实现打开或关闭电灯泡...

之前我们已经给广大爱好者或程序员朋友们,带来了硬件版的或者说物联网版本的Hello World C++Builder版、Delphi、Visual Basic.Net等的程序源码和教学资料,让大家对硬件控制带来一个崭新的认识。有不少读者用户,建议我们出一套Python的智能硬件控制程序。先简单地来引入一些…

闪烁的灯泡

闪烁的灯泡 学习路线&#xff1a;JavaScript_BOM->Window对象->confirm()、setInterval()、setTimeout()->History、Location->闪烁的灯泡 简介&#xff1a;这是一个用来理解JS定时器函数的&#xff0c;小案例&#xff0c;制造一个可以闪烁的灯泡。 素材&#x…

亮灯泡科技php,记科学小实验《灯泡亮了》

楼盘推广启动沙漏多米诺启动仪式激光船舵专业销售&#xff0c;庆典启动沙漏&#xff0c;开业活动沙漏&#xff0c;发布会多米诺启动仪式&#xff0c;诺骨牌由300个块骨牌组成&#xff0c;也就是说由300多幅画面 组成&#xff0c;一般制作时间要3-4天这样&#xff0c;多米诺启动…

js小灯泡

使用vsc写入 src" " ——其中输入图片的存放地址 方法1&#xff1a; <img id"light" src"D:/phpStudy/PHPTutorial/WWW/dengpao/p2.gif"><script> var lightdocument.getElementById("light") var f false light.oncli…

灯泡开关案例

1,获取按钮对象; 2,绑定事件:这里l两种方式:一种绑定图片,另一种绑定按钮开关; 3,定义一个标记变量,与图片的状态同步,这里是最重要的. <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"…

灯泡点亮效果

首先打一个div在给他一个类,然后我就复制 两个在改一下里面的类名。 之后css放两张不同灯泡的图片和下面的那个 灯丙设置他的宽度和高度用绝对定位或者是 用外边距为auto,移动到中间的这个位置, 在中间的类名加一个鼠标移入指针就会变成 小手的设置,第三个是加一个display…

##JavaScript灯泡开关

JavaScript–灯泡开关 这是点击后的效果(图片是自己P的&#xff0c;有点难看&#xff0c;不要见怪) 下面是代码展示&#xff1a; <!DOCTYPE html> <html><head><meta charset"utf-8"><title>灯泡开关</title><style>#d…

JAVAScript 灯泡(开关,图片转换)

方案一 单按钮&#xff08;开 / 关&#xff09; <!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <meta http-equiv"X-UA-Compatible" content"IEedge"> <meta name"viewp…