雨童 发表于 2008-12-3 09:53:07

JS 216网页安全色调色板 DW 风格

<P>利用JS做的一个网页安全色调色板 希望大家用得上!</P><FIELDSET style="COLOR: #808080" align=center><P><LEGEND align=center></LEGEND>&lt;html&gt;<BR>&lt;head&gt;<BR>&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2311"&gt;<BR>&lt;title&gt;DW调色板&lt;/title&gt;<BR>&lt;script&gt;<BR>var ColorHex=new Array('00','33','66','99','CC','FF')<BR>var SpColorHex=new Array('FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF')<BR>var current=null</P><P>function intocolor()<BR>{<BR>var colorTable=''<BR>for (i=0;i&lt;2;i)<BR> {<BR>for (j=0;j&lt;6;j)<BR>   {<BR>    colorTable=colorTable '&lt;tr height=12&gt;'<BR>    colorTable=colorTable '&lt;td width=11 style="background-color:#000000"&gt;'<BR>    <BR>    if (i==0){<BR>    colorTable=colorTable '&lt;td width=11 style="background-color:#' ColorHex ColorHex ColorHex '"&gt;'} <BR>    else{<BR>    colorTable=colorTable '&lt;td width=11 style="background-color:#' SpColorHex '"&gt;'} </P><P>    <BR>    colorTable=colorTable '&lt;td width=11 style="background-color:#000000"&gt;'<BR>    for (k=0;k&lt;3;k)<BR>   {<BR>       for (l=0;l&lt;6;l)<BR>       {<BR>      colorTable=colorTable '&lt;td width=11 style="background-color:#' ColorHex ColorHex ColorHex '"&gt;'<BR>       }<BR>   }<BR>}<BR>}<BR>colorTable='&lt;table width=253 border="0" cellspacing="0" cellpadding="0" style="border:1px #000000 solid;border-bottom:none;border-collapse: collapse" bordercolor="000000"&gt;'<BR>            '&lt;tr height=30&gt;&lt;td colspan=21 bgcolor=#cccccc&gt;'<BR>            '&lt;table cellpadding="0" cellspacing="1" border="0" style="border-collapse: collapse"&gt;'<BR>            '&lt;tr&gt;&lt;td width="3"&gt;&lt;td&gt;&lt;input type="text" name="DisColor" size="6" disabled style="border:solid 1px #000000;background-color:#ffff00"&gt;&lt;/td&gt;'<BR>            '&lt;td width="3"&gt;&lt;td&gt;&lt;input type="text" name="HexColor" size="7" style="border:inset 1px;font-family:Arial;" value="#000000"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/table&gt;'<BR>            '&lt;table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="000000" onmouseover="doOver()" onmouseout="doOut()" onclick="doclick()" style="cursor:hand;"&gt;'<BR>            colorTable '&lt;/table&gt;';          <BR>colorpanel.innerHTML=colorTable<BR>}</P><P>function doOver() {<BR>      if ((event.srcElement.tagName=="TD") &amp;&amp; (current!=event.srcElement)) {<BR>      if (current!=null){current.style.backgroundColor = current._background}   <BR>      event.srcElement._background = event.srcElement.style.backgroundColor<BR>      DisColor.style.backgroundColor = event.srcElement.style.backgroundColor<BR>      HexColor.value = event.srcElement.style.backgroundColor<BR>      event.srcElement.style.backgroundColor = "white"<BR>      current = event.srcElement<BR>      }<BR>}</P><P>function doOut() {</P><P>    if (current!=null) current.style.backgroundColor = current._background<BR>}</P><P>function doclick(){<BR>if (event.srcElement.tagName=="TD"){<BR>alert("选取
页: [1]
查看完整版本: JS 216网页安全色调色板 DW 风格