js开关灯----注册事件

效果 !!!

	<img src="https://cdn.jsdelivr.net/gh/lfl0919/img/images/off.gif" id="light"><br />
	<input type="button" value="开关" onclick="kaiguan()" />
	<input type="button" value="切换颜色" onclick="switchcolor()" />
<script type="text/javascript">
	var flag = false;
	var light = document.getElementById("light");

	function kaiguan() {
		if (flag == false) {
			light.src = "https://cdn.jsdelivr.net/gh/lfl0919/img/images/on.gif";
			flag = true;
		} else {

			light.src = "https://cdn.jsdelivr.net/gh/lfl0919/img/images/off.gif";
			flag = false;

		}
	}
	
	function switchcolor(){
		if (flag == true){
			light.src = "https://cdn.jsdelivr.net/gh/lfl0919/img/images/blue.gif";
			
		}
	}
</script>

!!! {dotted startColor="#ff6c6c" endColor="#1989fa"/}

代码

	<img src="https://cdn.jsdelivr.net/gh/lfl0919/img/images/off.gif" id="light"><br />
		<input type="button" value="开关" onclick="kaiguan()" />
		<input type="button" value="切换颜色" onclick="switchcolor()" />
<script type="text/javascript">
		var flag = false;
		var light = document.getElementById("light");

function kaiguan() {
			if (flag == false) {
				light.src = "https://cdn.jsdelivr.net/gh/lfl0919/img/images/on.gif";
				flag = true;
			} else {

				light.src = "https://cdn.jsdelivr.net/gh/lfl0919/img/images/off.gif";
				flag = false;

			}
		}
		
function switchcolor(){
			if (flag == true){
				light.src = "https://cdn.jsdelivr.net/gh/lfl0919/img/images/blue.gif";
				
			}
		}
</script>