一个javascript写的RGB的调色器,非常不错 -- [色彩类别]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

一个javascript写的RGB的调色器,非常不错

网络 2008/6/27 21:13:34 深山行者字体:大中小浏览 33365

以下为详细代码

一个javascript写的RGB的调色器,非常不错

var red=0;
var green=0;
var blue=0;
var value=0;
var convert = new Array()
var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");

for (x=0; x<16; x++){
for (y=0; y<16; y++){
convert[value]= hexbase[x] + hexbase[y];
value++;
}
}

function clear(){
document.color.bl.value= blue;
document.color.rd.value= red;
document.color.gr.value= green;
}

function display(){
redx = convert[red]
greenx = convert[green]
bluex = convert[blue]
var rgb = "#"+redx+greenx+bluex;
document.color.rgbdspl.value= rgb;
document.bgColor =rgb;
}

function upred(x){
if ((red+x)<=255)
red+=x
document.color.rd.value= red;
display()
}

function downred(x){
if ((red-x)>=0)
red-=x
document.color.rd.value= red;
display()
}

function upgreen(x){
if ((green+x)<=255)
green+=x
document.color.gr.value= green;
display()
}

function downgreen(x){
if ((green-x)>=0)
green-=x
document.color.gr.value= green;
display()
}

function upblue(x){
if ((blue+x)<=255)
blue+=x
document.color.bl.value= blue;
display()
}

function downblue(x){
if ((blue-x)>=0)
blue-=x
document.color.bl.value= blue;
display()
}

// done hiding -->
</script>
<form name="color">
                    <table>
                      <tr align="Center"> 
                        <td> 
                          <input name="red" type="button" value=" +50 " onClick="upred(50)">
                        </td>
                        <td> 
                          <input name="red2" type="button" value=" + 10 " onClick="upred(10)">
                        </td>
                        <td> 
                          <input name="red2" type="button" value=" + 1" onClick="upred(1)">
                        </td>
                        <td width="50"><font color="#FF0000" size=+3><b><font color="#FA0000">红</font></b></font></td>
                        <td> 
                          <input name="red-" type="button" value=" - 1" onClick="downred(1)">
                        </td>
                        <td> 
                          <input name="red-" type="button" value=" - 10 " onClick="downred(10)">
                        </td>
                        <td> 
                          <input name="red-" type="button" value=" -50 " onClick="downred(50)">
                        </td>
                        <td> 
                          <input type="text" name="rd" size=3>
                        </td>
                      </tr>
                      <tr align="Center"> 
                        <td> 
                          <input name="green" type="button" value=" +50 " onClick="upgreen(50)">
                        </td>
                        <td> 
                          <input name="green" type="button" value=" + 10 " onClick="upgreen(10)">
                        </td>
                        <td> 
                          <input name="green" type="button" value=" + 1" onClick="upgreen(1)">
                        </td>
                        <td width="50"><font color="#00FF00" size=+3><b><font color="#00FA00">绿</font></b></font></td>
                        <td> 
                          <input name="green-" type="button" value=" - 1" onClick="downgreen(1)">
                        </td>
                        <td> 
                          <input name="green-" type="button" value=" - 10 " onClick="downgreen(10)">
                        </td>
                        <td> 
                          <input name="green-" type="button" value=" -50 " onClick="downgreen(50)">
                        </td>
                        <td> 
                          <input type="text" name="gr" size=3>
                        </td>
                      </tr>
                      <tr align="Center"> 
                        <td> 
                          <input name="blue" type="button" value=" +50 " onClick="upblue(50)">
                        </td>
                        <td> 
                          <input name="blue" type="button" value=" + 10 " onClick="upblue(10)">
                        </td>
                        <td> 
                          <input name="blue" type="button" value=" + 1" onClick="upblue(1)">
                        </td>
                        <td width="50"><font color="#0000FF" size=+3><b><font color="#0000FA">蓝</font></b></font></td>
                        <td> 
                          <input name="blue-" type="button" value=" - 1" onClick="downblue(1)">
                        </td>
                        <td> 
                          <input name="blue-" type="button" value=" - 10 " onClick="downblue(10)">
                        </td>
                        <td> 
                          <input name="blue-" type="button" value=" -50 " onClick="downblue(50)">
                        </td>
                        <td> 
                          <input type="text" name="bl" size=3>
                        </td>
                      </tr>
                      <tr align="Center"> 
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td width="50"> 
                          <input type="text" name="rgbdspl" size=7>
                        </td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                      </tr>
                    </table>
                  </form>

前一页:一个利用select下拉选择框进行变色的网页效果

后一页:没有了

相关阅读: 一些常见的网页设计小技巧; 让你的Pycharm和电脑pip install下载速度飞起来; 黑色精灵留言板模板; 格式化金钱如果为0增加两个小数点; 利用java控制图片的大小; 理解css里的!important是什么意思?; 深山留言板(激情圣诞集合五套模板)v4.4; asp中qequest读取优先级顺序（通过优化之后提高速度）

共有0条关于《一个javascript写的RGB的调色器,非常不错》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: 非常不错的支持各种浏览器的简易调色板; 背景调色板：状态栏还能显示颜色值; 手动调节背景色：背景色能用按钮进行手动调节; 页面文字变色、变大、还原; windows颜色选择框; 超级酷的滚动条颜色代码生成器

更多>>最新添加文章: 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗; aliyun阿里云续费域名优惠口令(注册、续费都可以使用); windows7环境下安装配置jdk; python对微信操作要用到这两个库wxpy与itchat; ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明; DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法

更多>>随机抽取信息: 返回上一页页面特效; ASP汉字图片验证码; ASP FSO的一些方法与拥有的属性; ASP.NET中Cookie编程的基础知识; 武义熟溪温泉旅行网; 吉林省天马旅行社

更多标签热门标签

Session 全选绝对管用的iis安装包下载 button dw 访问量 FSO 关闭关联小旋风初级企业 png24 导航 px 文本框提交游览器倒计时 flush 变大深山旅游网站管理系统V1.0 翻页 div hover onblur 增高资料自动隐藏插件彩色滑过 tags ie7 文化安装包比例拖动 flash 透明时钟 style 教程 shift 进度 maryabbsby 缓冲 skype Excel 事务 265 alert