码迷,mamicode.com
首页 > 其他好文 > 详细

灯泡开关案例

时间:2017-06-03 16:21:12      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:class   htm   dex   jpg   document   替换   查找   var   blog   

<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>

  

灯泡开关案例

标签:class   htm   dex   jpg   document   替换   查找   var   blog   

原文地址:http://www.cnblogs.com/xishaonian/p/6937321.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!