在HTML中使用开关按钮的灯泡示例

时间:2014-12-25 17:59:05

标签: html css web

我有一个代码,通过触摸图像来打开和关闭灯泡。但是

如何使用两个按钮On和Off修改代码。 ?请帮忙

修改

这是代码

<!DOCTYPE html>
 <html>
  <body>
   <h1>JavaScript Can Change Images</h1>
   <img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">
   <p>Click the light bulb to turn on/off the light.</p> 
  <script>
   function changeImage() { 
      var image = document.getElementById('myImage');
      if (image.src.match("bulbon")) {
         image.src = "pic_bulboff.gif"; 
      } 
     else { 
        image.src = "pic_bulbon.gif"; } 
      } 
 </script> 
 </body> 
</html>

0 个答案:

没有答案