1
我正在寻找将var h放入下面的html中的360色彩空间。 当滑动条从0移动到360我希望该值替换hsl颜色空间中的360颜色:hsl(360,100%,50%)。我正在寻找在我移动滑块时文本值改变颜色。jquery ui info into html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Slider - Range with fixed maximum</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$("#slider-range-max").slider({
range: "max",
min: 0,
max: 360,
value: 0,
slide: function(event, ui) {
$("#amount").val(ui.value);
var h = ui.value;
}
});
$("#amount").val($("#slider-range-max").slider("value"));
});
</script>
</head>
<body>
<p>
<label for="amount">Minimum number of bedrooms:</label>
<input type="text" id="amount" readonly style="border:0; color:hsl(360, 100%, 50%); font-weight:bold;">
</p>
<div id="slider-range-max"></div>
</body>
</html>
谢谢谢谢谢谢谢谢@wdaniel不客气的作品 – wdaniel
。请接受答案,以便帮助其他人,谢谢。 – Yass
我如何接受 – wdaniel