<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<style type="text/css">
.div_1{width:160px;height:216px;background-image:url(bulb_off.png);}
.div_2{width:160px;height:216px;background-image:url(bulb_on.png);}
</style>
<script language="javascript">
function openlamp(){
var div = document.getElementById("lamp");
div.className ="div_2";
}
function closelamp(){
var div = document.getElementById("lamp");
div.className ="div_1";
}
</script>
</head>
<body>
<div class="div_2" id="lamp">
</div>
<input type="button" value="開" onclick="openlamp()"/>
<input type="button" value="關" onclick="closelamp()"/>
</body>
</html>
js實現燈泡的開和滅
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.