<html><head> <title>shuizhicheng--网页配色</title> <meta http-equiv=content-type content="text/html; charset=gb2312"> <style type=text/css> .drag{cursor: hand;position: relative} .dra{cursor: hand;} td,div{font-size: 12px} input{background-color:transparent} a:visited,a:link{color:#002814;text-decoration: none} a:hover{color:#ddee33;background-color:#888888} input{border:0} </style> </head> <body id=all text=#000000 bgcolor=#cccccc background=""  leftmargin="7" topmargin="7"> <table width="700" border="0"> <tr> <td width="406"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="355"> <table border="1" cellspacing="0" cellpadding="1" bordercolor="#999999" bgcolor="#cccccc" width="355"> <tr> <td colspan="2"> <input type=file size=25 name=uploadfile2 title="按游览选择图片,然后点背景图片"> <a href="javascript:bj()" title="按游览选择图片,然后点背景图片">背景图片</a> <a href="javascript:bl()" title="按此清除背景图片">清除</a>
<script language="javascript">
function selec(ssss){
ssss.select();document.execcommand("copy")}
function bl(){all.background=""}
function bj(){if(uploadfile2.value==""){alert("请按左边的按钮选择一张图片作为背景");}
else{all.background=uploadfile2.value}}
</script>
</td> </tr> <tr> <td rowspan="2" align="center">改变内容选择<br> <input type="radio" name="vsss" value="ssss"> 字体 <input type="radio" name="vsss" value="vvv" checked> 背景</td> <td align="center"> 字体颜色 <input type="text" name="textfield2" size="8" value="#" maxlength="7"> <a href="javascript:selec(textfield2)">复制</a> <a href="javascript:fontc()">自定</a> </td> </tr> <tr> <td align="center"> 背景颜色 <input type="text" name="textfield4" size="8" value="#" maxlength="7"> <a href="javascript:selec(textfield4)">复制</a> <a href="javascript:backc()">自定</a> </td> </tr> </table> </td></tr><tr><td>  
<script language="javascript">
var showperc=255;
var color=new array();
color[0]="00";color[1]="11";color[2]="22";color[3]="33";color[4]="44";
color[5]="55";color[6]="66";color[7]="77";color[8]="88";color[9]="99";
color[10]="aa";color[11]="bb";color[12]="cc";color[13]="dd";color[14]="ee";
color[15]="ff";color[16]="ff";
var rval,mowang
ta="<table class=dra width=\"380\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" bordercolor=\"#cccccc\">"
t=ta+"<tr>"
for (x=0;x<16;x++){
t+="<td onclick=mowanglijiang("+x+") bgcolor=\"#"+color[x]+"ffff\"><center>"+color[x]+"</center></td>"}
document.write(t+"</tr></table>")
function mowanglijiang(n){
textfield3.value=color[n]
t=ta
for(x=0;x<16;x++){
t+="<tr>"
for (y=0;y<16;y++){t+="<td bgcolor=\"#"+color[n]+color[x]+color[y]+"\" onclick=amo(this)> </td>"
}t+="</tr>"}
b111.innerhtml=t+"</table>";t=""}
function bgc(n){
document.bgcolor=n.bgcolor
}
</script>
<div id="layer1" style="position:absolute; width:32px; height:28px; z-index:11; left: 396px; top: 96px"> <input type="text" name="textfield3" size="3" maxlength="3"> </div>
</td> </tr> </table> </td> <td rowspan="2" valign="top" width="284"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <div align="left" id=vs2 style="color: #003300"> <center> <font size="3">说 明</font> </center> <br> 本软件为网页调制颜色所用,可调网页背景颜色、字体颜色和背景图片，按左边的浏览来选择背景图片,然后按“背景图片”作为 确定。<br> 调字体与背景颜色请先选择。<br> 左边的字体与背景颜色值可自行改变，然后按自定颜色来确定。<br> 按复制颜色为直接复制颜色值<br> 点中间的“有关色彩”有部分色彩配制的资料和色彩配制方案。 </div> </td> </tr> <tr> <td height="39"><img class=drag id=knobimg onmousedown=vs2_126_com(this) style="z-index:3;left: 127px; width:32px; top: 0px; height:32px" src="images/yidong.gif"> <hr style="z-index:2;left:6px;width:255;top:-28px;position: relative"> </td> </tr> <tr> <td height="39"><img class=drag id=knobimg1 onmousedown=vs2_126_com(this) style="z-index:3;left: 127px; width:32px; top: 0px; height:32px" src="images/yidong.gif"> <hr style="z-index:2;left:6px;width:255;top:-28px;position: relative"> </td> </tr> <tr> <td height="39"><img class=drag id=knobimg2 onmousedown=vs2_126_com(this) style="z-index:3;left: 127px; width:32px; top: 0px; height:32px" src="images/yidong.gif"> <hr style="z-index:2;left:6px;width:255;top:-28px;position: relative"> </td> </tr> <tr> <td height="39">网页配色<br>   <a href="http://www.rdzp.net/">shuizhicheng <font color="#ff0000"><strong>www.rdzp.net</strong> 
</font></a> 
</td> </tr> </table></td></tr><tr> <td width="406" height="2" id=b111> </td> </tr> <tr> <td colspan="2"> <table width="100%" border="0"> <tr> <td bgcolor="#d9ecff" class=dra onclick="bgc(this)">背景颜色</td> <td bgcolor="#000066" class=dra onclick="bgc(this)"><font color="#ffffff">直选</font></td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </td> </tr> </table>
<script language="javascript">
var h=new array(256);
h[0]="00";h[1]="01";h[2]="02";h[3]="03";h[4]="04";h[5]="05";h[6]="06";h[7]="07";h[8]="08";h[9]="09";h[10]="0a";h[11]="0b";h[12]="0c";h[13]="0d";h[14]="0e";h[15]="0f";h[16]="10";h[17]="11";h[18]="12";h[19]="13";h[20]="14";h[21]="15";h[22]="16";h[23]="17";h[24]="18";h[25]="19";h[26]="1a";h[27]="1b";h[28]="1c";h[29]="1d";h[30]="1e";h[31]="1f";h[32]="20";h[33]="21";h[34]="22";h[35]="23";h[36]="24";h[37]="25";h[38]="26";h[39]="27";h[40]="28";h[41]="29";h[42]="2a";h[43]="2b";h[44]="2c";h[45]="2d";h[46]="2e";h[47]="2f";h[48]="30";h[49]="31";h[50]="32";h[51]="33";h[52]="34";h[53]="35";h[54]="36";h[55]="37";h[56]="38";h[57]="39";h[58]="3a";h[59]="3b";h[60]="3c";h[61]="3d";h[62]="3e";h[63]="3f";h[64]="40";h[65]="41";h[66]="42";h[67]="43";h[68]="44";h[69]="45";h[70]="46";h[71]="47";h[72]="48";h[73]="49";h[74]="4a";h[75]="4b";h[76]="4c";h[77]="4d";h[78]="4e";h[79]="4f";h[80]="50";h[81]="51";h[82]="52";h[83]="53";h[84]="54";h[85]="55";h[86]="56";h[87]="57";h[88]="58";h[89]="59";h[90]="5a";h[91]="5b";h[92]="5c";h[93]="5d";h[94]="5e";h[95]="6f";h[96]="60";h[97]="61";h[98]="62";h[99]="63";h[100]="64";h[101]="65";h[102]="66";h[103]="67";h[104]="68";h[105]="69";h[106]="6a";h[107]="6b";h[108]="6c";h[109]="6d";h[110]="6e";h[111]="6f";h[112]="70";h[113]="71";h[114]="72";h[115]="73";h[116]="74";h[117]="75";h[118]="76";h[119]="77";h[120]="78";h[121]="79";h[122]="7a";h[123]="7b";h[124]="7c";h[125]="7d";h[126]="7e";h[127]="7f";h[128]="80";h[129]="81";h[130]="82";h[131]="83";h[132]="84";h[133]="85";h[134]="86";h[135]="87";h[136]="88";h[137]="89";h[138]="8a";h[139]="8b";h[140]="8c";h[141]="8d";h[142]="8e";h[143]="8f";h[144]="90";h[145]="91";h[146]="92";h[147]="93";h[148]="94";h[149]="95";h[150]="96";h[151]="97";h[152]="98";h[153]="99";h[154]="9a";h[155]="9b";h[156]="9c";h[157]="9d";h[158]="9e";h[159]="9f";h[160]="a0";h[161]="a1";h[162]="a2";h[163]="a3";h[164]="a4";h[165]="a5";h[166]="a6";h[167]="a7";h[168]="a8";h[169]="a9";h[170]="aa";h[171]="ab";h[172]="ac";h[173]="ad";h[174]="ae";h[175]="af";h[176]="b0";h[177]="b1";h[178]="b2";h[179]="b3";h[180]="b4";h[181]="b5";h[182]="b6";h[183]="b7";h[184]="b8";h[185]="b9";h[186]="ba";h[187]="bb";h[188]="bc";h[189]="bd";h[190]="be";h[191]="bf";h[192]="c0";h[193]="c1";h[194]="c2";h[195]="c3";h[196]="c4";h[197]="c5";h[198]="c6";h[199]="c7";h[200]="c8";h[201]="c9";h[202]="ca";h[203]="cb";h[204]="cc";h[205]="cd";h[206]="ce";h[207]="cf";h[208]="d0";h[209]="d1";h[210]="d2";h[211]="d3";h[212]="d4";h[213]="d5";h[214]="d6";h[215]="d7";h[216]="d8";h[217]="d9";h[218]="da";h[219]="db";h[220]="dc";h[221]="dd";h[222]="de";h[223]="df";h[224]="e0";h[225]="e1";h[226]="e2";h[227]="e3";h[228]="e4";h[229]="e5";h[230]="e6";h[231]="e7";h[232]="e8";h[233]="e9";h[234]="ea";h[235]="eb";h[236]="ec";h[237]="ed";h[238]="ee";h[239]="ef";h[240]="f0";h[241]="f1";h[242]="f2";h[243]="f3";h[244]="f4";h[245]="f5";h[246]="f6";h[247]="f7";h[248]="f8";h[249]="f9";h[250]="fa";h[251]="fb";h[252]="fc";h[253]="fd";h[254]="fe";h[255]="ff";

vs2.contenteditable=true;
textfield4.value=document.bgcolor
textfield2.value=vs2.style.color
document.onmouseup=new function("dragme=false")
var rg=new array(1,1,1);

function movelaye() {
if (event.button==1 && dragme){
oldy=kobj.style.pixelleft;kobj.style.pixelleft=temp2+event.clientx-ypos;
if (kobj.style.pixelleft>oldy) direction=0; else direction=1;
if (kobj.style.pixelleft<0 && direction==1){kobj.style.pixelleft=0; direction=0;}
if (kobj.style.pixelleft>255 && direction==0){kobj.style.pixelleft=255;direction=1;}
rg[sss]=h[kobj.style.pixelleft];
mowang="#"+rg[0]+rg[1]+rg[2]
vs2.style.color=mowang
textfield2.value=mowang
return false; }}

function movelayer() {
if (event.button==1 && dragme){
oldy=kobj.style.pixelleft;kobj.style.pixelleft=temp2+event.clientx-ypos;
if (kobj.style.pixelleft>oldy) direction=0; else direction=1;
if (kobj.style.pixelleft<0 && direction==1){kobj.style.pixelleft=0; direction=0;}
if (kobj.style.pixelleft>255 && direction==0){kobj.style.pixelleft=255;direction=1;}
rg[sss]=h[kobj.style.pixelleft];
mowang="#"+rg[0]+rg[1]+rg[2]
document.bgcolor=mowang;textfield4.value=mowang
return false; }}

var sss
function vs2_126_com(lll){
dragme=true;kobj=lll;temp2=kobj.style.pixelleft; ypos=event.clientx;
ccol=document.bgcolor;rg[0]=ccol.substr(1,2);rg[1]=ccol.substr(3,2);rg[2]=ccol.substr(5,2);
if (kobj.id=="knobimg") sss=0
if (kobj.id=="knobimg1") sss=1
if (kobj.id=="knobimg2") sss=2
if (vsss[1].checked){document.onmousemove=movelayer}
else {document.onmousemove=movelaye};}

function fontc(){
vs2.style.color=textfield2.value}
function backc(){
document.bgcolor=textfield4.value}
function amo(n){
if (vsss[1].checked){document.bgcolor=n.bgcolor;textfield4.value=n.bgcolor}
else{vs2.style.color=n.bgcolor
textfield2.value=n.bgcolor}}
mowanglijiang(0)
</script>
<div style="position:absolute; width:17px; height:12px; z-index:10; left: 399px; top: 180px; background-color:#ffaaee; layer-background-color:#ffaaee"> <center><font color="#ff0000">红</font></center></div> <div style="position:absolute; width:17px; height:12px; z-index:10; left: 398px; top: 219px; background-color:#009944; layer-background-color: #009944"> <center><font color="#004400">绿</font></center></div> <div style="position:absolute; width:17px; height:12px; z-index:10; left: 398px; top: 258px; background-color:#d9ecff; layer-background-color:#d9ecff"> <center><font color="#0000ff">蓝</font></center></div> </body></html>