為啥點擊只能使之變黑,再點就沒反應了呀。。。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<script src="scripts/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
$(function () {
$("#kgd").click(function () {
$(document.body).toggleClass("night"); //沒有就加,有就移除
});
});
</script>
<style type="text/css">
.night{background-color:black;}
</style>
</head>
<body>
<input value="開關燈" id="kgd" type="button" />
</body>
</html>
IE是有這個問題,直接設置樣式可以。。
$("#kgd").click(function () {
$(document.body).toggleClass("night"); //沒有就加,有就移除
document.body.style.backgroundColor = document.body.className=='night'?'black':'white'
});