网页开关灯

CSS代码：

```

<style type="text/css">

.off{

background-color: #000000;

}

</style>

```

html代码：

```

<button id="btn" >关灯</button>

```

js代码：

```

<script type="text/javascript" src="../js/jquery.js" ></script>

<script>

/*关灯状态  点击字体关灯变开灯 ,body背景颜色变黑色

开灯状态  点击字体开灯变关灯 ,body背景颜色变白色*/

$("#btn").click(function(){

//法1

/* var flag=$("body").hasClass("off");

if (flag) {

$("body").removeClass("off");

$(this).text("关灯")

} else{

$("body").addClass("off")

$(this).text("开灯")

}*/

//法二

$("body").toggleClass("off");

var txt=$(this).text()==="开灯"?"关灯":"开灯";

$(this).text(txt);

})

</script>

```