利用JS实现开灯关灯

160 阅读 0 评论 106 点赞

我是靠谱客的博主拼搏人生，这篇文章主要介绍利用JS实现开灯关灯，现在分享给大家，希望可以做个参考。

	方式一.<br>
<script>
function on(){
var img = document.getElementById("light");
img.src="image/bulb_on.png";
}
function off(){
var img = document.getElementById("light");
img.src="image/bulb_off.png";
}
</script>
<img id="light" onmouseover="on();" onmouseout="off();"
src="image/bulb_off.png" />
<hr/>
方式二.<br>
<script>
function onLight(img){
img.src="image/bulb_on.png";
}
function offLight(img){
img.src="image/bulb_off.png";
}
</script>
<img onmouseover="onLight(this);" onmouseout="offLight(this);"
src="image/bulb_off.png" />
</script>

注意图片的路径