html网页上按钮交替切换bottom shift代码

 以下代码实现了在网页上显示一个按钮，点击按钮时，“开灯”、“关灯”交替显示，

好处：这样的写法方便在不同的按钮下加上不同的的响应程序，如下在my_light_on_function()和my_light_off_function()中分别加入不同的程序即可。

/*开关按钮都设置成一样的样式，包括位置和形状大小等，体现一致性*/

  

"document.getElementById('light_on').style.display='inline';document.getElementById('light_off').style.display='none';my_light_off_function();show()"  value="关灯"/>

     

"document.getElementById('light_on').style.display='none';document.getElementById('light_off').style.display='inline';my_light_on_function();show()"  value="开灯"/>

 

本程序可直接拷贝并测试效果。