<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>JS富有创意的卡通滑杆拖动控件</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<input id="slider" name="slider" type="range" value=0>
<label for="slider">0</label>
<script>
const input = document.querySelector("input");
const label = document.querySelector("label");
input.addEventListener("input", event => {
const value = Number(input.value) / 100;
input.style.setProperty("--thumb-rotate", `${value * 720}deg`);
label.innerHTML = Math.round(value * 50);
});
</script>
</body>
</html>JS富有创意的卡通滑杆拖动控件
标签：
评论者:[[ schemeInfo.user.username ]]
评论内容:[[ schemeInfo.pbody ]]
评论时间:[[ schemeInfo.ptime ]]
发表你的评论:
提交评论
上一篇：
CSS自定义黑色单选框和复选框