使用js做灯泡的亮起与关闭操作

最新推荐文章于 2021-11-14 14:32:03 发布

G18239715095

最新推荐文章于 2021-11-14 14:32:03 发布

阅读量307

点赞数

本文链接：https://blog.csdn.net/G18239715095/article/details/102539518

版权

使用js做灯泡的亮起与关闭操作


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <img src="2.jpg" width="300" height="400" id="image"/><br/>
    <input type="button" value="开关" onclick="f()" style="margin-left:100px;"/>
<br/>
<script type="text/javascript">
    var imgs = ["2.jpg", "1.jpg"];
    var i = 0;
    function f() {
        document.getElementById("image").src = imgs[i];
        if (i == 0) {
            i = 1;
        } else {
            i = 0;
        }
    }
        </script>

</body>
</html>