shawl.qiuJavascript fade-out class FadedV1.0

shawl.qiu Javascript Faded V1.0

Explanation:
Well, about this, I have been learning about color science recently, so I have continued to Will do some color-related things.
For example, compile some color-related materials into a book, learn the psychological feelings related to color, color mixing skills, etc.

Contents:
1. Call
1.1 Call 1
1.2 Call 2
2. Class Faded

shawl.qiu
2007-06-20
http://blog.csdn.net/btbtd

Demo 1: http://files.myopera.com/btbtd/Javascript/class/faded/Faded_v1-0.htm
Demo 2: http://files.myopera.com/btbtd/Javascript/class/faded/Faded_v1-0_demo_1.htm

Download: http://files.myopera.com/btbtd/Javascript/ class/faded/Faded_v1-0.7z

Content:
1. Call
1.1 Call 1

1. W3C //DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
2. xmlns =“http://www.w3.org/1999/xhtml”>
5. http-equiv=“Content-Type” content=“text/html; charset=utf-8″ />
12. <table border=“0” align=“center” cellpadding=“4” cellspacing=” 4″>
13. <tr align=“center” valign =“middle”>
14. id=“FadeId1” style=“width:100px; height:100px; background-color:#cccccc; “>shawl.qiu

15. id=“FadeId2” style=“width:100px; height:100px; background-color:#cccccc; “>shawl.qiu

16. id= “FadeId3” style=“width:100px; height:100px; background-color:#cccccc; ” >shawl.qiu

17. id=“FadeId4” style=“width:100px; height:100px; background-color:#cccccc; “>shawl.qiu

18. id=“FadeId5” style=“width:100px; height:100px; background-color:#cccccc; “>shawl.qiu

20. <tr align=“center” valign=“middle”>
21. id=“FadeId6” style=” width:100px; height:100px; background-color:#cccccc; “>shawl.qiu

22. id=“FadeId7” style=“width:100px; height:100px; background-color:#cccccc; “>shawl. qiu

23. id=“FadeId8” style =“width:100px; height:100px; background-color:#cccccc; “>shawl.qiu

24. id=“FadeId9” style=“width:100px; height:100px ; background-color:#cccccc; “>shawl.qiu

25. id=“FadeId10” style=“width:100px; height:100px; background-color:#cccccc; “>shawl.qiu

27. <tr align=“center” valign=“middle”>
28. id=“FadeId11” style=“width:100px; height:100px; background-color:#cccccc; “>shawl.qiu

29. id=“FadeId12” style =“width:100px; height:100px; background-color:#cccccc; “>shawl.qiu

30. id=“FadeId13” style=“width:100px; height:100px; background- color:#cccccc; “>shawl.qiu

31. id=“FadeId14” style=“width:100px; height:100px; background-color:#cccccc; “>shawl.qiu

32. id=“FadeId15” style=“width:100px; height:100px; background-color:#cccccc; “>shawl.qiu

34. <tr align=“center” valign=“middle”>
35. id=“Fadepan>
36.  arHex[1] = “0x”+arCell[2]+arCell[3];
37.  arHex[2] = “0x”+arCell[4]+arCell[5];
39.  arInt[0] = parseInt(arHex[0], 16);
40.  arInt[1] = parseInt(arHex[1], 16);
41.  arInt[2] = parseInt(arHex[2], 16);
42.  
43.  arIntFinal[0] = Math.abs(255-arInt[0]);
44.  arIntFinal[1] = Math.abs(255-arInt[1]);
45.  arIntFinal[2] = Math.abs(255-arInt[2]);
47. arHexFinal[0] = fPadStr(arIntFinal[0].toString(16)).toUpperCase();
48.  arHexFinal[1] = fPadStr(arIntFinal[1].toString(16)).toUpperCase();
49.  arHexFinal[ 2] = fPadStr(arIntFinal[2].toString(16)) .toUpperCase();
51. if(Debug)
52. span >alert(“arCell: “+arCell);
53.  alert(“arHex: “+arHex);
54.   alert(“arInt: “+arInt);
55.  alert(“arIntFinal: “+arIntFinal);
56.  alert(“arHexFinal: “+arHexFinal);
57.                                                                                       /span> arHexFinal.join(“”);
59.  return “#”+arHexFinal.join(“”);
60. }
61. else
62. {
63. alert(“Unrecognized hexadecimal color code!”);
64. }
65. break;
66. }
67. return “000000”;
69. function fStringToArray(sInput)
70. {// shawl.qiu script
71. var arCell = [];
72. var iCount = 0;
73. var iLen = sInput.length;
74.  while(iCount<iLen)
75.  {
76.  arCell[iCount] = sInput.charAt(iCount);
77. iCount++;
78. }
80. return arCell;
81. } // end function fStringToArray
83. function fPadStr(sSrc, sPad, nLen)
84. {// shawl.qiu script
85. if(!sSrc) return false;
86. if(!sPad)sPad='0';
87.  if(!nLen)nLen=2;
88.  sSrc+='';
89.  if(sSrc.length>=nLen)return sSrc;
90.  sPad=new Array(nLen+1).join(sPad);
91. var re= new RegExp('.*(.{'+(nLen)+'})$') ;
92. return (sPad+sSrc).replace(re,'$1');
93. } / / end function fPadStr
95. } // end function fGetCompColor
97. function fRgbToHex(sRgb, bNoSharp, bDebug)
98. { // shawl.qiu script
99. if(!sRgb||sRgb==“”)
100.  {
101.  alert(“RGB color code is incorrect!”);
102.  return;
103. }
104. var Debug = bDebug;
105. li>
107. var sSharp = “”;
108. if(!bNoSharp) sSharp = “#”;
109. if(/rgb/(/i.test(sRgb))
110. {
111.  sRgb = sRgb.replace(/^[/s/ S]*?rgb/((.*?)/)[/s/S]*/gi, “$1”).replace(//s+/g, “”);
112. }
113. var RgbAr = sRgb.split(“,”);
114. var sReturn = “”;
115. sReturn =
116. sSharp
117. +(fPadStr((RgbAr[0]-0).toString(16)). toUpperCase())
118. +(fPadStr((RgbAr[1]-0).toString(16)).toUpperCase())
119. +(fPadStr((RgbAr[2] -0).toString(16)).toUpperCase())
120. ;
122. if(Debug)
123. {
124. alert(sReturn);
125. }
127. return sReturn;
129. function fPadStr(sSrc, sPad, nLen)
130. {// shawl .qiu script
131. if(!sSrc)return false;
132. if(!sPad)sPad='0';
133. if(!nLen)nLen=2;
134. sSrc+='';
135.  if(sSrc.length> =nLen)return sSrc;
136. sPad= new Array(nLen+1).join(sPad);
137.  var re=new RegExp('.*(.{&# 39;+(nLen)+'})$');
138.  return (sPad+sSrc ).replace(re,'$1');
139. } // end function fPadStr
141. } // end function fRgbToHex
143. //————————————end private method
144. } // shawl.qiu code
145. //———————– ———-end class Faded()———————————//

n>“”)