简单的JavaScript实现开灯关灯效果 ↑_↑

近期做网页设计作业，感觉各种视频网站上的关灯效果很人性化，所以简易的用JavaScript写了一个

 

附上全部代码

  
  
  

   
       

           
       

   

PS：如果网页中还要隐藏其它层，可以在JavaScript里面写入隐藏层和显示层

function Switch()

{
          var button = document.getElementById("bt");
          var img = document.getElementById("header");      //需要隐藏和显示层的id
          var type = document.body.classNname;
         if (type == "daytime")
            {
              document.body.className = "night";
              button.value = "close light";
              img.style.display = "block";           //显示该层
            } else
           {
              document.body.className = "daytime";
              button.value = "open light";
              img.style.display = "none";           //隐藏该层
           }
}