网页中的开关灯原理

   <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 id="btn" type="button" value="关灯" /><br />
        <textarea id="TextArea1" cols="20" rows="2">一闪一闪亮晶晶，满天都是小行星。</textarea>
    </div>
</body>

posted @ 2014-02-28 22:31 wjshan0808 阅读(404) 评论(0) 收藏举报

刷新页面返回顶部