阅读背景:

input框range类型拖动条时,实现得到实时反馈

来源:互联网 

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



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: