版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--定义图片标签-->
<div>
<img src="img/1.gif" id="dengImge" />
</div>
<div>
<img src="img/on.png" " οnclick="on_off()" id="on_off_img" />
</div>
<script type="text/javascript">
var i = 0;
var a = 1;
var on_off_img = ["img/off.png", "img/on.png"];
var dengImg = ["img/2.gif", "img/1.gif"];
function on_off() {
document.getElementById('on_off_img').src = on_off_img[i];
document.getElementById('dengImge').src = dengImg[i];
if(i == 0) {
i = 1;
} else {
i = 0;
}
}
</script>
</body>
</html>
灯泡OFF为默认关灯,点击ON为开灯,再次点击OFF为关灯