您的位置:首页 > 其它

网页中的开关灯原理

2014-02-28 22:31 176 查看
<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: