代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
.box1 {
width: 200px;
height: 50px;
background : linear-gradient(to right,#f4c4f3,#fc67fa);
margin: 50px auto;
text-align: center;
line-height: 50px;
font-size: 20px;
border-radius: 25px;
}
#wei {
background : linear-gradient(to right,#00c3ff,#ffff1c);
}
#wang {
background : linear-gradient(to right,#4ecdc4,#556270);
}
#liao {
background : linear-gradient(to right,#ff00cc,#333399);
}
.beefcake {
margin: 50px auto;
width: 200px;
height: 50px;
background-color: rgb(8, 80, 80);
text-align: center;
border: 5px solid #333;
color: rgb(242, 13, 13);
font-size: 25px;
}
</style>
<link rel="stylesheet" href="./cheng.css" />
</head>
<body>
<div class="box1" id="wu">吴士钊</div>
<div class="box1" id='wang'>王翠玲</div>
<div class="box1" id='wei'>韦家祥</div>
<div class="box1" id='liao'>廖东</div>
<div>
<button class="beefcake"></button>
</div>
<!-- hc -->
<div class="cheng">
<div class="container">
<div class="drop"></div>
<div class="drop"></div>
<div class="drop"></div>
<div class="collection"></div>
<span id="cheng">点击这里</span>
</div>
</div>
<script>
const wu = document.querySelector("#wu");
wu.addEventListener("click", function () {
alert("吴士钊");
});
const wei = document.querySelector("#wei");
wei.addEventListener("click", function () {
alert("韦家祥");
});
const wang = document.querySelector("#wang");
wang.addEventListener("click", function () {
alert("王翠玲");
});
const liao = document.querySelector("#liao");
liao.addEventListener("click", function () {
alert("廖东");
});
const beeFcake = document.querySelector(".beefcake");
beeFcake.innerHTML = "点击下试试";
beeFcake.addEventListener("click", function () {
beeFcake.disabled = true;
beeFcake.innerHTML = "阳";
beeFcake.style.transform = `scale(3)`;
beeFcake.style.transition = `2s`;
setTimeout(function () {
beeFcake.innerHTML = "猛男";
beeFcake.style.transform = `scale(0)`;
beeFcake.disabled = false;
}, 1000);
});
// hc
const cheng = document.querySelector("#cheng");
cheng.addEventListener("click", () => {
cheng.innerHTML = `何富铖`;
});
</script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。