进度条，颜色选取

最新推荐文章于 2023-07-10 11:14:32 发布

weixin_33937499

最新推荐文章于 2023-07-10 11:14:32 发布

阅读量309

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/933915/blog/374354

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!-- lang: html -->
> <!DOCTYPE html> <html> <head>
<!-- lang: html -->
>     <title></title>
<!-- lang: html -->
> 
<!-- lang: html -->
> </head> <body> <input type="color" id="color"
<!-- lang: html -->
> onchange="color_change()"> <span id="currentColor"></span> <div
<!-- lang: html -->
> id="showcolor">color</div> <input id="range1" type="range" min=0
<!-- lang: html -->
> max=100 step=5 value=10 onchange="value_change()"> <output
<!-- lang: html -->
> id="output1">10</output> <script type="text/javascript">
<!-- lang: html -->
>     function value_change(){
<!-- lang: html -->
>         var number = document.getElementById("range1").value;
<!-- lang: html -->
>         document.getElementById("output1").value = number;
<!-- lang: html -->
>     }
<!-- lang: html -->
> 
<!-- lang: html -->
>     function color_change(){
<!-- lang: html -->
>         document.getElementById("showcolor").style.background =document.getElementById("color").value;
<!-- lang: html -->
>     } </script> </body> </html>

但是不知道如何在IE8及一下如何显示

转载于:https://my.oschina.net/u/933915/blog/374354