JS实现的网页上的颜色拾色器【javascript】

web前端|js教程 JS实现的网页上的颜色拾色器【javascript】

颜色拾色器

web前端-js教程

使用Js代码编写一个网页上用的颜色拾色器，也就是选择颜色用的，用鼠标单击任意颜色块,将弹出颜色值，当你想使用某种颜色而不知道颜色值的时候，用这个小特效可以告诉你颜色值是多少，比较方便。

java内核源码下载,怎么把vscode改成英文,ubuntu做集群,tomcat建项目吗,爬虫while语句,社团管理系统php,如何快速成为资深seo,谷歌网站地图生成器,国外黑色简洁图片dedecms模板lzw

<div class="khw">dedecms 整站源码,内网安装ubuntu,tomcat部署中文文件,网络爬虫常用,php程序员测试题,浙江智能化seo优化创新服务lzw</div><div class="khw">仿钉钉源码,ubuntu运行ccnx,tomcat8的日志,爬虫软件fiddler,如何在html中写php,宁波seo如何做关键词lzw</div><title>颜色拾色器</title><table border="0" cellspacing="1" cellpadding="3" width="350" align="center" bgcolor="#dddddd"><tr bgcolor="#FFFFFF"><td width="10%" align="center">红绿蓝灰</td><td width="90%" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center">用鼠标单击下面的颜色块,将弹出颜色值</td></tr></table></td></tr><tr bgcolor="#FFFFFF"><td width="10%" align="center"><table id="table1" border="0" cellspacing="1" cellpadding="0">for(i=0;i<=15;++i){ document.write('<tr><td align="center">‘+ishex(i*17) +’</td><td id="Ltd' + i +'" bgcolor="rgb('+ (i*17) + ',0,0)" width="15" height="15"></td></tr>‘) document.all[‘Ltd’ + i].num=i}function ishex(which){ return which.toString(16);}</table></td><td width="90%" align="center"><table id="table2" border="0" cellspacing="1" cellpadding="0">document.write(‘<tr><td></td>‘)for(i=0;i<=15;++i){ document.write('<td align="center">‘+ishex(i*17)+’</td>‘);}document.write(‘</tr>‘)for(i=0;i<=15;++i){ document.write('<tr>‘) document.write(‘<td align="center">‘+ishex(i*17)+’</td>‘) for(j=0;j<=15;++j){ document.write('<td id="Rtd'+i+'and'+j+'" bgcolor="rgb(0,'+(i*17)+','+(j*17)+')" width="15" height="15"></td>‘); } document.write(‘</tr>‘)}</table></td></tr></table>function selectmenu(which){ switch(which){ case ‘1’ :leftR();break; case ‘2’ :leftG();break; case ‘3’ :leftB();break; case ‘4’ :leftA();break; }}function leftR(){ for(i=0;i<=15;++i){ document.all['Ltd'+i].bgColor='rgb('+(i*17)+',0,0)'; } rightR(0)}function leftG(){ for(i=0;i<=15;++i){ document.all['Ltd'+i].bgColor='rgb(0,'+ (i*17) + ',0)'; } rightG(0)}function leftB(){ for(i=0;i<=15;++i){ document.all['Ltd'+i].bgColor='rgb(0,0,'+(i*17)+')'; } rightB(0)}function leftA(){ for(i=0;i<=15;++i){ document.all['Ltd'+i].bgColor='rgb('+(i*17)+','+(i*17)+','+(i*17)+')'; } rightA()}function rightR(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)+')'; } }}function rightG(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)+')'; } }}function rightB(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)+')'; } }}function rightA(){ 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)+')'; } }}function clickright(which){ alert(which.bgColor)}function changeright(which){ switch(select1.value){ case '1' :rightR(which);break; case '2' :rightG(which);break; case '3' :rightB(which);break; }}

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

颜色拾色器