灯泡开关案例
Posted 可我浪费着我寒冷的年华
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了灯泡开关案例相关的知识,希望对你有一定的参考价值。
<html> <head><title>灯泡开关案例</title> <!--其实灯泡开关的核心就仅是两张图片替换 --> <script> function xx() { var a = window.document.getElementById(‘test‘); if(a.src.indexOf(‘on‘)>=0)//查找a里面src属性里是否有on这个字符。如果有就会得到字符所在的位置,范围值为数字。没找到就等于-1 { a.src="off.jpg";//如果灯泡开启就让他关闭 }else { a.src="on.jpg";//否则让他开启。 } } </script> </head> <body> <img id="test" src="./on.jpg" id="on" onclick="xx();"> </body> </html>
以上是关于灯泡开关案例的主要内容,如果未能解决你的问题,请参考以下文章