有没有颜色选择器啊？得到颜色的RGB值

mmmmrelax

如题如题。平台有案例吗？

闰土

RGB 具体案例应该没有，但是我提供一个思路给你， 控制RGB 其实就是空 0~255 这组数，然后用RGB 的CSS样式设置格式，拼成一个字符串，赋给一个元素  参考代码如下：

1. <div xid="show"></div><br>
   
2.         红：<input id="r" type="range" value=0 min=0 max=255 onchange="myChange()"><br>
   
3.         绿：<input id="g" type="range" value=0 min=0 max=255 onchange="myChange()"><br>
   
4.         蓝：<input id="b" type="range" value=0 min=0 max=255 onchange="myChange()"><br>  // 进度条显示方式
   
5.         <script>
   
6.                 // 定义myChange()函数
   
7.                 function myChange(){
   
8.                         // 1. 获取id为r,g,b元素的value属性值
   
9.                         var r =this.getElementByXid("r").value;
   
10.                        var r =this.getElementByXid("g").value;
    
11.                         var r =this.getElementByXid("b").value;
    
12.                         // 2. 获取div元素
    
13.                         var div = document.getElementById("show");
    
14.                         // 3. 设置div元素的背景颜色
    
15.                         div.style.backgroundColor = "rgb("+r+","+g+","+b+")";
    
16.                 }

复制代码

mmmmrelax

闰土 发表于 2016-8-5 15:32
RGB 具体案例应该没有，但是我提供一个思路给你， 控制RGB 其实就是空 0~255 这组数，然后用RGB 的CSS样式 ...

http://www.cnblogs.com/zjfree/archive/2010/11/12/1876033.html
请问这种的有办法在平台上引用吗？

闰土

这是一个JS文件么？ 还有一个HTML ，如果是HTML 可以使用 iframe 标签引入，如果是JS文件，引入参考文档：http://docs.wex5.com/js-module-01/

mmmmrelax

闰土 发表于 2016-8-8 14:47
这是一个JS文件么？ 还有一个HTML ，如果是HTML 可以使用 iframe 标签引入，如果是JS文件，引入参考文档：h ...

是一个input ，给定了class，class就是引用的js文件 ，用这个软件实在无力 不太会搞。

mmmmrelax

闰土 发表于 2016-8-8 14:47
这是一个JS文件么？ 还有一个HTML ，如果是HTML 可以使用 iframe 标签引入，如果是JS文件，引入参考文档：h ...

能够引用js但是方法未执行完  - - 不晓得哪里不对

mmmmrelax

结贴吧 弄出来l