發新話題

《教學》顏色代碼查看器

《教學》顏色代碼查看器

剛從GOOGLE上找到的,顏色代碼查看,把鼠標放到相應的顏色上面,下面就可以顯示了
好像還不支持FIREFOX瀏覽器,OPERA和IE都支持的,呵呵

HTML代碼
複製內容到剪貼板
代碼:
<HTML><HEAD><TITLE>查顏色代碼</TITLE><HTML><HEAD><TITLE>查顏色代碼</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<META content="Microsoft FrontPage 4.0" name=GENERATOR>
<META content=FrontPage.Editor.Document name=ProgId>
<SCRIPT language=JavaScript>
<!-- annie
addary = new Array();               // ︹
addary[0] = new Array(0,1,0);   // 厚︹
addary[1] = new Array(-1,0,0);  // 厚︹
addary[2] = new Array(0,0,1);   // 厚︹ 屢︹
addary[3] = new Array(0,-1,0);  // 屢︹
addary[4] = new Array(1,0,0);   // ︹ 屢︹
addary[5] = new Array(0,0,-1);  // ︹
addary[6] = new Array(255,1,1);
clrary = new Array(360);
for(i = 0; i < 6; i++)
for(j = 0; j < 60; j++) {
clrary[60 * i + j] = new Array(3);
for(k = 0; k < 3; k++) {
clrary[60 * i + j][k] = addary[6][k];
addary[6][k] += (addary[i][k] * 4);
   }
}
function capture() {
if(document.layers) {
layobj = document.layers['wheel'];
layobj.document.captureEvents(Event.MOUSEMOVE);
layobj.document.onmousemove = moved;
}
else {
layobj = document.all["wheel"];
layobj.onmousemove = moved;
   }
}
function moved(e) {
y = 4 * ((document.layers)?e.layerX:event.offsetX);
x = 4 * ((document.layers)?e.layerY:event.offsetY);
sx = x - 512;
sy = y - 512;
qx = (sx < 0)?0:1;
qy = (sy < 0)?0:1;
q = 2 * qy + qx;
quad = new Array(-180,360,180,0);
xa = Math.abs(sx);
ya = Math.abs(sy);
d = ya * 45 / xa;
if(ya > xa) d = 90 - (xa * 45 / ya);
deg = Math.floor(Math.abs(quad[q] - d));
n = 0;
sx = Math.abs(x - 512);
sy = Math.abs(y - 512);
r = Math.sqrt((sx * sx) + (sy * sy));
if(x == 512 & y == 512) {
c = "000000";
}
else {
for(i = 0; i < 3; i++) {
r2 = clrary[deg][i] * r / 256;
if(r > 256) r2 += Math.floor(r - 256);
if(r2 > 255) r2 = 255;
n = 256 * n + Math.floor(r2);
}
c = n.toString(16);
while(c.length < 6) c = "0" + c;
}
if(document.layers) {
document.layers["wheel"].document.f.t.value = "#" + c;
document.layers["wheel"].bgColor = "#" + c;
}
else {
document.all["wheel"].document.f.t.value = "#" + c;
document.all["wheel"].style.backgroundColor = "#" + c;
}
return false;
}
//  annie-->
</SCRIPT>

<META content="blueprnt 011, default" name="Microsoft Theme">
</HEAD>
<BODY text=#003399 vlink=#9900ff alink=#000066 link=#3366ff bgcolor=#ffffff
background=file:///D:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/FrontPageTempDir/mstheme/blueprnt/blutextb.gif onload=capture()>
<!--mstheme--><font face="細明體">
<DIV id=wheel
style="left: 220; visibility: visible; position: absolute; top: 90; width: 523; height: 317">
<div align="center">
  <center><!--mstheme--></font>
<TABLE cellSpacing=0 cellPadding=0 border=0>
  <TBODY>
  <TR>
    <TD><!--mstheme--><font face="細明體"><IMG height=256 src="colorwheel.jpg" width=256 border=0>
      <!--mstheme--></font>
    </TD></TR>
  <TR>
    <TD align=middle><!--mstheme--><font face="細明體"><BR>
      <FORM name=f><INPUT size=27 name=t> </FORM><!--mstheme--></font></TD></TR></TBODY></TABLE><!--mstheme--><font face="細明體"></center>
</div>
</DIV>
<CENTER>
<DIV
style="FONT-SIZE: 36pt; FILTER: shadow(color= yellow, direction= 135); LEFT: 228px; WIDTH: 243px; COLOR: red; FONT-FAMILY: 夾發砰; POSITION: absolute; TOP: 18px; HEIGHT: 52px"></DIV>
</CENTER>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div align="center">
  <center><!--mstheme--></font>
  <table border="0" cellpadding="2" cellspacing="1" width="68%" height="55">
    <tr>
      <td width="100%" align="center" height="18"><!--mstheme--><font face="細明體">把鼠標放在圖片上,就可顯示出各種顏色的代碼。<!--mstheme--></font></td>
    </tr>
    <tr>
      <td width="100%" align="center" height="25"><!--mstheme--><font face="細明體"> 
        <p><a href="CheckColor.zip">下載</a><!--mstheme--></font></td>
    </tr>
  </table>
  <!--mstheme--><font face="細明體"></center>
</div>
<!--mstheme--></font></BODY></HTML>
[ 本帖最後由 蔡逸竹 於 2006-11-7 21:43 編輯 ]

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。