使用Js代码编写一个网页上用的颜色拾色器,也就是选择颜色用的,用鼠标单击任意颜色块,将弹出颜色值,当你想使用某种颜色而不知道颜色值的时候,用这个小特效可以告诉你颜色值是多少,比较方便。
颜色拾色器
红
绿
蓝
灰
用鼠标单击下面的颜色块,将弹出颜色值
for(i=0;i<=15;++i){
document.write(''+ishex(i*17)+'
')
document.all['Ltd'+i].num=i
}
functionishex(which){
returnwhich.toString(16);
}
document.write(' | ')
for(i=0;i<=15;++i){
document.write(''+ishex(i*17)+'');
}
document.write('
')
for(i=0;i<=15;++i){
document.write('')
document.write(''+ishex(i*17)+'')
for(j=0;j<=15;++j){
document.write('');
}
document.write('
')
}
functionselectmenu(which){
switch(which){
case'1':leftR();break;
case'2':leftG();break;
case'3':leftB();break;
case'4':leftA();break;
}
}
functionleftR(){
for(i=0;i<=15;++i){
document.all['Ltd'+i].bgColor='rgb('+(i*17)+',0,0)';
}
rightR(0)
}
functionleftG(){
for(i=0;i<=15;++i){
document.all['Ltd'+i].bgColor='rgb(0,'+(i*17)+',0)';
}
rightG(0)
}
functionleftB(){
for(i=0;i<=15;++i){
document.all['Ltd'+i].bgColor='rgb(0,0,'+(i*17)+')';
}
rightB(0)
}
functionleftA(){
for(i=0;i<=15;++i){
document.all['Ltd'+i].bgColor='rgb('+(i*17)+','+(i*17)+','+(i*17)+')';
}
rightA()
}
functionrightR(which){
for(i=0;i<=15;++i){
for(j=0;j<=15;++j){
document.all['Rtd'+i+'and'+j].bgColor='rgb('+(which*17)+','+(i*17)+','+(j*17)+')';
}
}
}
functionrightG(which){
for(i=0;i<=15;++i){
for(j=0;j<=15;++j){
document.all['Rtd'+i+'and'+j].bgColor='rgb('+(i*17)+','+(which*17)+','+(j*17)+')';
}
}
}
functionrightB(which){
for(i=0;i<=15;++i){
for(j=0;j<=15;++j){
document.all['Rtd'+i+'and'+j].bgColor='rgb('+(i*17)+','+(j*17)+','+(which*17)+')';
}
}
}
functionrightA(){
for(i=0;i<=15;++i){
for(j=0;j<=15;++j){
document.all['Rtd'+i+'and'+j].bgColor='rgb('+(i*16+j)+','+(i*16+j)+','+(i*16+j)+')';
}
}
}
functionclickright(which){
alert(which.bgColor)
}
functionchangeright(which){
switch(select1.value){
case'1':rightR(which);break;
case'2':rightG(which);break;
case'3':rightB(which);break;
}
}