JavaScript实现开关等效果

2019-11-19 15:30:31

字体：大中小

来源：转载

供稿：网友

废话不多说了，直接给大家贴代码了，具体代码如下所示：

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>开关灯</title> <style type="text/css">  html, body {   margin: 0px;   padding: 0px;   width: 100%;   height: 100%;   cursor: pointer;   background-color: white;  } </style></head><body id="bodyEle"><script type="text/javascript"> var oBody = document.getElementById("bodyEle"); oBody.onclick = function () {  var bg = this.style.backgroundColor;  switch (bg) {   case "white":    this.style.backgroundColor = "red";    break;   case "red":    this.style.backgroundColor = "black";    break;   default:    this.style.backgroundColor = "white";  } }</script></body></html>

总结

以上所述是小编给大家介绍的JavaScript实现开关等效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持！

上一篇：详解jquery插件jquery.viewport.js学习使用方法

下一篇：浅谈React Native 中组件的生命周期