js开关灯小应用

一个新手

Lepaskan： 2017-09-08 11:20:35

asal

1815 orang telah melayarinya

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>

Salin selepas log masuk

Atas ialah kandungan terperinci js开关灯小应用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

javascript 应用

sumber：php.cn

Artikel sebelumnya：JavaScript实现文本框的限制输入实力分享 Artikel seterusnya：js如何实现变形金刚文字特效代码分享

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang