input框range类型拖动条时,实现得到实时反馈
拿渐变色举例:
background:linear-gradient(0deg,red,blue,yellow)、渐变
<div id="dv2" style="background:linear-gradient(0deg,red,blue,yellow);"></div>
角度:<input id="range" style="width:360px;" type="range" min="0" max="360" value="0" οninput="change2()"
οnchange="change2()">
<span id="value">0°</span>
<script type="text/javascript">
function change2(){
var value=document.getElementById("range").value;
document.getElementById("value").innerHTML=value+"°";
document.getElementById("dv2").style.background="linear-gradient("+value+"deg,red,blue,yellow)";
}
</script>background:l