JS实现简单的手电筒的开关灯的效果

Mr.孔

于 2018-11-02 11:25:17 发布

阅读量2.1k

点赞数 2

分类专栏： JS 文章标签： JS实现简单的手电筒的开关灯的效果

本文链接：https://blog.csdn.net/klj13969902329/article/details/83652392

版权

简单的几行代码，望您您耐心阅读！

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>OnClick</title>
</head>
<body>
<h1 align="center">手电筒的打开与关闭</h1>

<p align="center">
<img src="off.jpg" align="center" id="off">
</p>

<h1 align="center">
<input id="open" type="button" onclick="changeImage(1)" value="打开" >    //设置打开按钮
<input id="close" type="button" onclick="changeImage(0)" value="关闭">     //设置关闭按钮
</h1>

</body>
<script type="text/javascript">

//定义一个带参的方法
    function changeImage(num) {
        var click = document.getElementById("off");  //转换dom对象元素
        if(num == 0){