Heim > Artikel > Web-Frontend > Code-Sharing zur Realisierung des Switch-Effekts mithilfe von JavaScript
In diesem Artikel wird ein einfacher Code zum Ein- und Ausschalten des Lichts basierend auf js vorgestellt. Der Code ist einfach und leicht zu verstehen, sehr gut und hat Referenzwert dazu
Kein Unsinn mehr, ich werde den Code direkt für Sie posten. Der spezifische Code lautet wie folgt:
<!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>
Das obige ist der detaillierte Inhalt vonCode-Sharing zur Realisierung des Switch-Effekts mithilfe von JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!