當前位置：
首頁 >
div模仿复选框
發布時間：2023/12/31
56
豆豆
<!DOCTYPE html>
<html lang="en">
<head><title>div模仿復選框</title><meta charset="UTF-8"/><style></style><style>.fuxuankuang{width: 100px;height: 100px;background: red;cursor:pointer;}
</style>
</head>
<body><div class="fuxuankuang" id="fuxuankuang" onclick="change()"></div></body>
<script> var i=0;
function change(){i+=1;if(i%2!=0){console.log(i+"是奇數");$("#fuxuankuang").css("box-shadow","10px 10px 5px #888888");}else{console.log(i+"是偶數");$("#fuxuankuang").removeAttr("style");}
}
</script>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
</html>
?
總結
- 上一篇： 酷狗音乐app怎么剪辑一段音乐
- 下一篇： tomcat配置项目路径或部署工程名