本文跟大家分享一段簡單的程式碼基於js實現開關燈效果,程式碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下吧
廢話不多說了,直接給大家貼程式碼了,具體程式碼如下:
<!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實現開關效果的程式碼分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!