<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>点亮灯泡</title>
<style type="text/css">
#img{
width:109px;
height:180px;
margin:30px auto;
background: url("./off.gif") no-repeat;
}
</style>
</head>
<body>
<div id="img"></div>
</body>
<script type="text/javascript">
var img = document.getElementById("img");
var clicks=0;//点击的次数
img.onclick = function(){
if(clicks%2==0){
img.style.background = "url(./on.gif)";
}else{
img.style.background = "url(./off.gif)";
}
clicks++;
}
</script>
</html>
js点亮灯泡
最新推荐文章于 2021-10-21 17:13:21 发布