div模仿复选框
<!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+"是奇數(shù)");$("#fuxuankuang").css("box-shadow","10px 10px 5px #888888");}else{console.log(i+"是偶數(shù)");$("#fuxuankuang").removeAttr("style");}
}
</script>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
</html>
?
總結(jié)
- 上一篇： 酷狗音乐app怎么剪辑一段音乐
- 下一篇： 优酷如何登陆别人的会员账号(优酷客户端下