灯泡开关案例

最新推荐文章于 2023-03-21 12:01:41 发布

aiquan9342

最新推荐文章于 2023-03-21 12:01:41 发布

阅读量100

点赞数

原文链接：http://www.cnblogs.com/xishaonian/p/6937321.html

版权

<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" alt="" id="on" οnclick="xx();">
</body>
</html>

转载于:https://www.cnblogs.com/xishaonian/p/6937321.html