码迷,mamicode.com
首页 > Web开发 > 详细

Js_案例(电灯)

时间:2019-08-29 23:16:50      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:col   事件   head   bsp   ntb   charset   tle   false   lan   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电灯开关</title>
</head>
<body>
<!--导入两张图片-->
<img id="on" src="img/on.gif">
<script>
    // 1.获取两个图片的对象
    var on = document.getElementById("on");
    //2.定义一个判断的变量
    var fun = true;
    //3.绑定事件
    on.onclick = function () {
        if (fun){
            on.src="img/on.gif";
            fun = false;
        }else{
            on.src="img/off.gif";
            fun = true;
        }
    }



    function f(fun) {

    }
</script>
</body>
</html>

 

Js_案例(电灯)

标签:col   事件   head   bsp   ntb   charset   tle   false   lan   

原文地址:https://www.cnblogs.com/aikang525/p/11432360.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!