网页中的开关灯原理

   <script src="JS/jquery-1.7.1.js"></script>
    <style type="text/css">
        .turnOff {
            background-color: black;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            $('#btn').click(function () {
                //$('body').addClass('turnOff');
               // if (!$('body').hasClass('turnOff')) {
                    $('body').toggleClass('turnOff');
               // }
                $(this).val($(this).val() == "关灯" ? "开灯" : "关灯");
            });
        });
    </script>
</head>
<body>
    <div>
        <input  /><br />
        <textarea >一闪一闪亮晶晶，满天都是小行星。</textarea>
    </div>
</body>

相关推荐