网页中的开关灯原理
<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>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。