《JS实现的网页上的颜色拾色器_.docx》由会员分享,可在线阅读,更多相关《JS实现的网页上的颜色拾色器_.docx(9页珍藏版)》请在三一文库上搜索。
1、JS实现的网页上的颜色拾色器_ 这篇文章主要介绍了JS实现网页上的颜色拾色器,需要的伴侣可以参考下 用法Js代码编写一个网页上用的颜色拾色器,也就是选择颜色用的,用鼠标单击任意颜色块,将弹出颜色值,当你想用法某种颜色而不知道颜色值的时候,用这个小特效可以告诉你颜色值是多少,比较便利。 代码如下: html head title颜色拾色器/title meta http-equiv=Content-Type content=text/html; charset=gb2312 style type=text/css !- .style1 color: #FFFFFF - /style /head
2、body style=font:menu span class=style1/span table border=0 cellspacing=1 cellpadding=3 width=350 align=center bgcolor=#dddddd tr bgcolor=#FFFFFF td width=10% align=center select name=select1 onchange=selectmenu(this.value) option value=1 selected红/option option value=2绿/option option value=3蓝/option
3、 option value=4灰/option /select /td td width=90% align=center table width=100% border=0 cellspacing=0 cellpadding=0 tr td align=center style=font-size:12px用鼠标单击下面的颜色块,将弹出颜色值/td /tr /table /td /tr tr bgcolor=#FFFFFF td width=10% align=center table id=table1 border=0 cellspacing=1 cellpadding=0 script
4、 language=JavaScript for(i=0;i=15;+i) document.write(trtd align=center style=font:menu+ishex(i*17) +/tdtd id=Ltd + i + bgcolor=rgb(+ (i*17) + ,0,0) width=15 height=15 onclick=changeright(this.num)/td/tr) document.allLtd + i.num=i function ishex(which) return which.toString(16); /script /table/td td
5、width=90% align=center table id=table2 border=0 cellspacing=1 cellpadding=0 script language=JavaScript document.write(trtd/td) for(i=0;i=15;+i) document.write(td align=center style=font:menu; +ishex(i*17)+/td); document.write(/tr) for(i=0;i=15;+i) document.write(tr) document.write(td align=center st
6、yle=font:menu;+ishex(i*17)+/td) for(j=0;j=15;+j) document.write(td id=Rtd+i+and+j+ style=font:menu; bgcolor=rgb(0,+(i*17)+,+(j*17)+) width=15 height=15 onclick=clickright(this)/td); document.write(/tr) /script /table /td /tr /table script language=JavaScript function selectmenu(which) switch(which)
7、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.allLtd+i.bgColor=rgb(+(i*17)+,0,0); rightR(0) function leftG() for(i=0;i=15;+i) document.allLtd+i.bgColor=rgb(0,+ (i*17) + ,0); rightG(0) function leftB() for(i=0;i=
8、15;+i) document.allLtd+i.bgColor=rgb(0,0,+(i*17)+); rightB(0) function leftA() for(i=0;i=15;+i) document.allLtd+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.allRtd+i+and+j.bgColor=rgb(+(which*17)+,+(i*17)+,+(j*17)+); function r
9、ightG(which) for(i=0;i=15;+i) for(j=0;j=15;+j) document.allRtd+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.allRtd+ 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.allRtd+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; /script /body /html .