Inhaltsverzeichnis
Anwendung des Urteils in js [Licht wechseln]
Heim Web-Frontend js-Tutorial js Lichtschalter kleine Anwendung

js Lichtschalter kleine Anwendung

Sep 08, 2017 am 11:20 AM
javascript 应用


Anwendung des Urteils in js [Licht wechseln]


<!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>
Nach dem Login kopieren


Das obige ist der detaillierte Inhalt vonjs Lichtschalter kleine Anwendung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Die Rolle und praktische Anwendung von Pfeilsymbolen in PHP Die Rolle und praktische Anwendung von Pfeilsymbolen in PHP Mar 22, 2024 am 11:30 AM

Die Rolle und praktische Anwendung von Pfeilsymbolen in PHP

So machen Sie das Löschen vom Startbildschirm im iPhone rückgängig So machen Sie das Löschen vom Startbildschirm im iPhone rückgängig Apr 17, 2024 pm 07:37 PM

So machen Sie das Löschen vom Startbildschirm im iPhone rückgängig

Vom Anfänger bis zum Experten: Entdecken Sie verschiedene Anwendungsszenarien des Linux-Befehls tee Vom Anfänger bis zum Experten: Entdecken Sie verschiedene Anwendungsszenarien des Linux-Befehls tee Mar 20, 2024 am 10:00 AM

Vom Anfänger bis zum Experten: Entdecken Sie verschiedene Anwendungsszenarien des Linux-Befehls tee

Entdecken Sie die Vorteile und Anwendungsszenarien der Go-Sprache Entdecken Sie die Vorteile und Anwendungsszenarien der Go-Sprache Mar 27, 2024 pm 03:48 PM

Entdecken Sie die Vorteile und Anwendungsszenarien der Go-Sprache

Die breite Anwendung von Linux im Bereich Cloud Computing Die breite Anwendung von Linux im Bereich Cloud Computing Mar 20, 2024 pm 04:51 PM

Die breite Anwendung von Linux im Bereich Cloud Computing

Verstehen Sie den Mechanismus und die Anwendung der Golang-Stack-Verwaltung Verstehen Sie den Mechanismus und die Anwendung der Golang-Stack-Verwaltung Mar 13, 2024 am 11:21 AM

Verstehen Sie den Mechanismus und die Anwendung der Golang-Stack-Verwaltung

MySQL-Zeitstempel verstehen: Funktionen, Features und Anwendungsszenarien MySQL-Zeitstempel verstehen: Funktionen, Features und Anwendungsszenarien Mar 15, 2024 pm 04:36 PM

MySQL-Zeitstempel verstehen: Funktionen, Features und Anwendungsszenarien

Tutorial, wie Apple laufende Apps schließt Tutorial, wie Apple laufende Apps schließt Mar 22, 2024 pm 10:00 PM

Tutorial, wie Apple laufende Apps schließt

See all articles