网页中的开关灯原理

最新推荐文章于 2024-07-30 10:56:44 发布

weixin_30690833

最新推荐文章于 2024-07-30 10:56:44 发布

阅读量89

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wjshan0808/p/3574461.html

版权

   <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>

转载于:https://www.cnblogs.com/wjshan0808/p/3574461.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30690833

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页中的开关灯原理

<script src="JS/jquery-1.7.1.js"></script> <style type="text/css"> .turnOff { background-color: black; } </style> <script ...
复制链接

扫一扫