87,910
社区成员
发帖
与我相关
我的任务
分享jqueryUI的滑块如何让提示框跟着鼠标拖动滑块跟随拖动改变数值
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI垂直的滑块</title>
<link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="jqueryui/style.css">
<script>
$(function() {
$( "#slider-vertical" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 60,
animate : false,
});
});
</script>
</head>
<body>
<p>
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;">
</p>
<div id="slider-vertical" style="height:200px;"></div>
</body>
</html>
如图滑动到6就提示6
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI垂直的滑块</title>
<link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="jqueryui/style.css">
<script>
$(function() {
$( "#slider-vertical" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 60,
animate : false,
});
});
</script>
</head>
<body>
<p>
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;">
</p>
<div id="slider-vertical" style="height:200px;"></div>
</body>
</html>
如图滑动到6就提示6
...全文
请发表友善的回复…
发表回复
随_声 2020-09-14
- 打赏
- 举报
以解决。。。。
