首页 > 代码库 > 灯泡开关案例
灯泡开关案例
<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="http://www.mamicode.com/off.jpg";//如果灯泡开启就让他关闭}else{a.src="http://www.mamicode.com/on.jpg";//否则让他开启。}}</script></head><body><img id="test" src="http://www.mamicode.com/on.jpg" id="on" onclick="xx();"></body></html>
灯泡开关案例
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。