shawl.qiu Javascript 前景色背景色调色类 / BgColorScheme v1.0

shawl.qiu Javascript 前景色背景色调色类 / BgColorScheme v1.0



说明:
这个类嘛, 功能就跟标题描述的一样, 也许更多, 这取决于你对色彩的了解程度..
后续版本会逐渐发展成 Web 页配色方案, 也许在这个类的基础上扩展, 也许会是一个全新的类.

主色彩内容主要为预定义色彩, 因此随着类的更新, 类会越来越大.
目前本类大小约为: 85.2 KB (87,328 bytes)
后续版本如果类文件过大, 鄙人会考虑将主色彩采用动态加载的方式载入.

本类的核心数据类型为鄙人之前写的 HashTable 数据类型, 见:
http://blog.csdn.net/btbtd/archive/2007/06/28/1669636.aspx

目录:
1. 功能及描述
2. 调用
3. 类 BgColorScheme
4. 类 HastTable

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

演示:
http://files.myopera.com/btbtd/javascript/class/BgColorScheme/BgColorScheme.htm

下载:
http://files.myopera.com/btbtd/javascript/class/BgColorScheme/sq_js_BgColorScheme_v1.0.7z

内容:
1. 功能及描述
  1. 1.1 本类共预定义 23 个色彩系
  2. 分别为:
  3. 红系 橙系 黄系
  4. 绿系 青系 青蓝系 蓝系 靛青系
  5. 紫系 粉红系 褐系
  6. 灰系
  7. 白系
  8. Web
  9. Jp红紫 Jp红 Jp黄红 Jp黄 Jp黄绿 Jp绿 Jp蓝紫 Jp紫 Jp减

  10. 1.2 本类可动态更改前景色

  11. 1.3 本类可设置反向显示前背景色

  12. 1.4 本类已按各色彩系预分类一次性选择分类全部色彩系

  13. 1.5 本类实现全选, 反选, 不选 色彩系

  14. 1.6 显示效果目前可选择两个显示模式

  15. 1.7 本类可灵活移动当前位置色彩系至目标色彩系, 比如上下

  16. 1.8 ...


2. 调用
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <!-- DW6 -->
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Untitled Document</title>
  7. </head>
  8. <body>
  9. <div id="BgColorSchemeId"></div>
  10. <script type="text/javascript" src="HashTable.js"></script>
  11. <script type="text/javascript" src="BgColorScheme.js"></script>
  12. <script type="text/javascript">
  13. //<![CDATA[
  14.  var Bcs = new BgColorScheme();
  15.   
  16.   Bcs.Init.Name = "Bcs";
  17.   Bcs.Main.Id = "BgColorSchemeId";
  18.   
  19.   Bcs.Invert = false;
  20.   //Bcs.Msg = "shawl.qiu";
  21.   
  22.   Bcs.Color.Set = ["#7CA8F3", "#13D229"];
  23.   Bcs.Status = true;
  24.   
  25.   Bcs.Style.Append = true;
  26.   
  27.   Bcs.Go();
  28.   
  29.   document.title = Bcs.Au.Subject+" "+Bcs.Au.Version;
  30.   
  31.   Bcs = null;
  32.   
  33. //]]>
  34. </script>
  35. </body>
  36. </html>


3. 类 BgColorScheme
  1. // shawl.qiu JavaScript Document
  2. /*-----------------------------------------------------------------------------------*/
  3.  * shawl.qiu Javascript BgColorScheme class v1.0
  4. /*-----------------------------------------------------------------------------------*/
  5. //---------------------------------begin class BgColorScheme()-------------------------------//
  6. function BgColorScheme()
  7. { // shawl.qiu code
  8.  //------------------------------------begin public variable
  9.  //---------------begin about
  10.  this.Au = {}
  11.  this.Au.Subject = "shawl.qiu Javascript BgColorScheme class";
  12.  this.Au.Version = "v1.0";
  13.  this.Au.Name = "shawl.qiu";
  14.  this.Au.Email = "shawl.qiu@gmail.com";
  15.  this.Au.Blog = "http://blog.csdn.net/btbtd";
  16.  this.Au.CreatedDate = "2007-6-28";
  17.  this.Au.Update = {};
  18.  this.Au.Update["1"] = "";
  19.  //---------------end about
  20.  
  21.  this.Init = {};
  22.  this.Init.Name = "Bcs";
  23.  
  24.  this.Main = {};
  25.  this.Main.Id = "BgColorSchemeId";
  26.  
  27.  this.Postfix = "";
  28.  
  29.  this.ContainerHb = null;
  30.  
  31.  this.Invert = false;
  32.  this.Msg = "";
  33.  
  34.  this.Color = {};
  35.  this.Color.Set = ["#7CA8F3", "#13D229"];
  36.  this.Color.Hot = "Red,Orange,Yellow";
  37.  this.Color.Cool = "Green,Cyan,BlueCyan,Blue";
  38.  this.Color.Neutral = "Violet,Pink,Brown";
  39.  this.Color.None = "Grey";
  40.  this.Color.White = "White";
  41.  this.Color.Web = "Web";
  42.  this.Color.Jp = "JpRedViolet,JpRed,JpYellowRed,JpYellow,JpYellowGreen"
  43.   +",JpGreen,JpBlueViolet,JpViolet,JpAchromatic";
  44.  
  45.  this.Element = {};
  46.  this.Element.Nav = {}
  47.  this.Element.Nav.Main = null;
  48.  this.Element.Nav.Id = "NavId";
  49.  
  50.  this.Element.CbxList = {};
  51.  this.Element.CbxList.Name = "";
  52.  this.Element.CbxList.ClassName = "BcsCbxListClassName";
  53.    
  54.  this.Element.Text = {};
  55.  this.Element.Text.Main = null;
  56.  this.Element.Text.Id = "TextId";
  57.  this.Element.Text.ClassName = "BcsTextClassName";
  58.  
  59.  this.Element.ColorTbx = {};
  60.  this.Element.ColorTbx.Main = null;
  61.  this.Element.ColorTbx.Id = "BcsColorEleId";
  62.  this.Element.ColorTbx.ClassName = "BcsColorTbxClassName";
  63.  
  64.  this.Element.InvertCbx = {};
  65.  this.Element.InvertCbx.Main = null;
  66.  this.Element.InvertCbx.Id = "BcsInvertCbxId";
  67.  
  68.  this.Element.GoBtn = {};
  69.  this.Element.GoBtn.Main = null;
  70.  this.Element.GoBtn.Id = "BcsGoBtnId";
  71.  
  72.  this.Element.Anchor ={};
  73.  this.Element.Anchor.Main = null;
  74.  this.Element.Anchor.Id = "BcsAnchorId";
  75.  
  76.  this.Theme = {};
  77.  this.Theme.Default = "Together";
  78.  this.Theme.HashTable = null;
  79.  this.Theme.Select = {};
  80.  this.Theme.Select.Id = "BcsSelectDisplayId";
  81.  this.Theme.Select.Main = null;
  82.  
  83.  this.Status = false;
  84.  
  85.  this.Style = {};
  86.  this.Style.Append = false;
  87.  this.Style.Id = "BcsStyleId";
  88.  
  89.  //------------------------------------end public variable
  90.  
  91.  //------------------------------------begin private variable
  92.  var Tl = this;
  93.  var pMain = null;
  94.  var pNav = null;
  95.  var pText = null;
  96.  var pCbxList = null;
  97.  var pInvertCbx = null;
  98.  var pGoBtn = null;
  99.  var pAnchorStr = "";
  100.  var pSelect = null;
  101.  //------------------------------------end private variable
  102.  
  103.  //------------------------------------begin public method
  104.  this.Go = fGo;
  105.  //------------------------------------end public method

  106.  //------------------------------------begin private method
  107.  function fGo()
  108.  {
  109.   if(typeof(Tl.Main.Id)=="string")
  110.   {
  111.    pMain = document.getElementById(Tl.Main.Id);
  112.   }
  113.   else if(typeof(Tl.Main.Id)=="object")
  114.   {
  115.    pMain = Tl.Main.Id;
  116.   }
  117.   
  118.   if(typeof(pMain)!="object"||pMain == null)
  119.   {
  120.    alert("主域不能为Null!");
  121.    return;
  122.   }
  123.   
  124.   Tl.Postfix = fRandomLetter(10);
  125.   
  126.   Tl.Element.CbxList.Name = Tl.Init.Name + Tl.Postfix;
  127.   Tl.Element.Nav.Id = Tl.Init.Name + Tl.Element.Nav.Id + Tl.Postfix;
  128.   Tl.Style.Id = Tl.Init.Name + Tl.Style.Id + Tl.Postfix;
  129.   
  130.   if(Tl.Style.Append)
  131.   {
  132.    var sStyle = fAppendStyle();
  133.    fAddStyleFromStr(sStyle, Tl.Style.Id);
  134.   }
  135.   
  136.   Tl.ContainerHb = new HashTable();

  137.   Tl.ContainerHb.Add("Red", "红系", {Exec:fRed,Content:null});
  138.   Tl.ContainerHb.Add("Orange", "橙系", {Exec:fOrange,Content:null});
  139.   Tl.ContainerHb.Add("Yellow", "黄系", {Exec:fYellow,Content:null});
  140.   Tl.ContainerHb.Add("Green", "绿系", {Exec:fGreen,Content:null});
  141.   Tl.ContainerHb.Add("Cyan", "青系", {Exec:fCyan,Content:null});
  142.   Tl.ContainerHb.Add("BlueCyan", "青蓝系", {Exec:fBlueCyan,Content:null});
  143.   Tl.ContainerHb.Add("Blue", "蓝系", {Exec:fBlue,Content:null});
  144.   Tl.ContainerHb.Add("Indigo", "靛青系", {Exec:fIndigo,Content:null});
  145.   Tl.ContainerHb.Add("Violet", "紫系", {Exec:fViolet,Content:null});
  146.   Tl.ContainerHb.Add("Pink", "粉红系", {Exec:fPink,Content:null});
  147.   Tl.ContainerHb.Add("Brown", "褐系", {Exec:fBrown,Content:null});
  148.   Tl.ContainerHb.Add("Grey", "灰系", {Exec:fGrey,Content:null});
  149.   Tl.ContainerHb.Add("White", "白系", {Exec:fWhite,Content:null});
  150.   Tl.ContainerHb.Add("Web", "Web", {Exec:fWeb,Content:null});
  151.   Tl.ContainerHb.Add("JpRedViolet", "Jp红紫", {Exec:fJpRedViolet,Content:null});
  152.   Tl.ContainerHb.Add("JpRed", "Jp红", {Exec:fJpRed,Content:null});
  153.   Tl.ContainerHb.Add("JpYellowRed", "Jp黄红", {Exec:fJpYellowRed,Content:null});
  154.   Tl.ContainerHb.Add("JpYellow", "Jp黄", {Exec:fJpYellow,Content:null});
  155.   Tl.ContainerHb.Add("JpYellowGreen", "Jp黄绿", {Exec:fJpYellowGreen,Content:null});
  156.   Tl.ContainerHb.Add("JpGreen", "Jp绿", {Exec:fJpGreen,Content:null});
  157.   Tl.ContainerHb.Add("JpBlueViolet", "Jp蓝紫", {Exec:fJpBlueViolet,Content:null});
  158.   Tl.ContainerHb.Add("JpViolet", "Jp紫", {Exec:fJpViolet,Content:null});
  159.   Tl.ContainerHb.Add("JpAchromatic", "Jp减", {Exec:fJpAchromatic,Content:null});
  160.   
  161.   Tl.Theme.HashTable = new HashTable();
  162.   Tl.Theme.HashTable.Add("Together", "合并显示");
  163.   Tl.Theme.HashTable.Add("Split", "分散显示");
  164.   
  165.   Tl.Element.Nav.Main = document.createElement("div");
  166.   Tl.Element.Nav.Main.id = Tl.Element.Nav.Id ;
  167.   
  168.   Tl.Element.Nav.Main.innerHTML+= "请选择色彩系: <a name='"+Tl.Init.Name+"'</a><br/>";
  169.   
  170.   pAnchorStr = "<div>"
  171.    +" <a href=#"+Tl.Init.Name+">Top</a>"
  172.    
  173.   var iCount = 0;
  174.   
  175.   for(var i in Tl.ContainerHb.Object)
  176.   {
  177.    Tl.Element.Nav.Main.innerHTML 
  178.     +=""
  179.     +"<input type='checkbox' name='"
  180.     +Tl.Element.CbxList.Name
  181.     +"' value='"+i+"' />"
  182.     +"<a href='#"+i+"'>"
  183.     +Tl.ContainerHb.Item(i)
  184.     +"</a>"
  185.     ;
  186.     pAnchorStr += 
  187.     " | <a href='#"+i+"'>"
  188.     +Tl.ContainerHb.Item(i)
  189.     +"</a> "
  190.     ;
  191.    switch(iCount)
  192.    {
  193.     case 2:
  194.     case 7:
  195.     case 10:
  196.     case 11:
  197.     case 12:
  198.     case 13:
  199.      Tl.Element.Nav.Main.innerHTML+="<br/>";
  200.      break;
  201.     
  202.     default:
  203.      break;
  204.    }
  205.    iCount++;
  206.   }
  207.    pAnchorStr+="</div>";
  208.   
  209.   pMain.appendChild(Tl.Element.Nav.Main)
  210.   
  211.   pNav = document.getElementById(Tl.Element.Nav.Id);
  212.   
  213.   Tl.Element.Text.Id = Tl.Init.Name + Tl.Element.Text.Id + Tl.Postfix;
  214.   Tl.Element.Text.Main = document.createElement("div");
  215.   Tl.Element.Text.Main.id = Tl.Element.Text.Id;
  216.   Tl.Element.Text.Main.className = Tl.Element.Text.ClassName;
  217.   pMain.appendChild(Tl.Element.Text.Main);
  218.   pText = document.getElementById(Tl.Element.Text.Id);   
  219.   
  220.   pCbxList = document.getElementsByName(Tl.Element.CbxList.Name);
  221.   for(var i=0, j=pCbxList.length; i<j; i++)
  222.   {
  223.    var sId = Tl.Init.Name + pCbxList[i].value+Tl.Postfix;
  224.    var TempSpan = document.createElement("span");
  225.     TempSpan.id = sId;
  226.     pText.appendChild(TempSpan);
  227.    
  228.    var oTemp = pCbxList[i];
  229.    
  230.    oTemp.onclick = 
  231.     function()
  232.     {
  233.      pGoBtn.click();
  234.     } // end oTemp.onclick
  235.     
  236.   } // end for
  237.   
  238.   var ColorTbx = document.createElement("input");
  239.    ColorTbx.type = "text";
  240.    ColorTbx.size = "60";
  241.    ColorTbx.value = Tl.Color.Set;
  242.    ColorTbx.id = Tl.Init.Name + Tl.Element.ColorTbx.Id+Tl.Postfix;
  243.    Tl.Element.ColorTbx.Id = ColorTbx.id;
  244.    ColorTbx.className = Tl.Element.ColorTbx.ClassName;
  245.    
  246.   pText.parentNode.insertBefore(ColorTbx, pText);
  247.   Tl.Element.ColorTbx.Main = document.getElementById(Tl.Element.ColorTbx.Id);
  248.   pColorTbx = Tl.Element.ColorTbx.Main;

  249.   var GoBtn = document.createElement("button");
  250.    GoBtn.innerHTML = "Go";
  251.    GoBtn.className = Tl.Element.CbxList.ClassName;
  252.    GoBtn.id = Tl.Init.Name + Tl.Element.GoBtn.Id+Tl.Postfix;
  253.    Tl.Element.GoBtn.Id = GoBtn.id;
  254.    
  255.    GoBtn.onclick = function()
  256.    {
  257.     var StartDt = new Date();
  258.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  259.     if(ColorAr.length ===0)
  260.     {
  261.      alert("颜色序列不能为空!");
  262.     }
  263.     Tl.Color.Set.sort();
  264.     ColorAr.sort();
  265.     
  266.     if(Tl.Color.Set.join("")!=ColorAr.join(""))
  267.     {
  268.      for(var i in Tl.ContainerHb.Object)
  269.      {
  270.       Tl.ContainerHb.Item(i).Content = null;
  271.      }
  272.     }
  273.     
  274.     Tl.Color.Set = ColorAr;
  275.     
  276.     fSetPAnchorStr();
  277.      
  278.     for(var i=0, j=pCbxList.length; i<j; i++)
  279.     {
  280.      var sId = Tl.Init.Name + pCbxList[i].value+Tl.Postfix;     
  281.      var oDiv = document.getElementById(sId);
  282.      
  283.      if(pCbxList[i].checked)
  284.      {      
  285.       if(Tl.ContainerHb.Item(pCbxList[i].value).Content==null)
  286.       {
  287.        Tl.ContainerHb.Item(pCbxList[i].value).Content
  288.        = Tl.ContainerHb.Item(pCbxList[i].value).Exec();
  289.       }
  290.       oDiv.innerHTML = Tl.ContainerHb.Item(pCbxList[i].value).Content;
  291.      }
  292.      else
  293.      {
  294.       oDiv.innerHTML = "";
  295.      }
  296.     } // end for
  297.     
  298.     fPutAnchorStr();
  299.     
  300.     var EndDt = new Date();
  301.     if(Tl.Status)defaultStatus = 
  302.      Tl.Au.Subject+" "+Tl.Au.Version+" 耗时: "+(EndDt-StartDt)+" 毫秒";
  303.    } // end GoBtn.onclick
  304.    
  305.   pText.parentNode.insertBefore(GoBtn, pText);
  306.   Tl.Element.GoBtn.Main = document.getElementById(Tl.Element.GoBtn.Id);
  307.   pGoBtn = Tl.Element.GoBtn.Main;
  308.   
  309.   pColorTbx.parentNode.insertBefore
  310.   (
  311.    document.createTextNode("Web颜色值(例:black,white,#000,#fff): ")
  312.    ,pGoBtn
  313.   );
  314.   
  315.   pGoBtn.parentNode.insertBefore
  316.   (
  317.    document.createElement("br")
  318.    ,pGoBtn
  319.   );
  320.   
  321.   
  322.   var HotBtn = document.createElement("button");
  323.    HotBtn.innerHTML = "暖色";
  324.    HotBtn.className = Tl.Element.CbxList.ClassName;
  325.    
  326.    HotBtn.onclick = function()
  327.    {
  328.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  329.     if(ColorAr.length ===0)
  330.     {
  331.      alert("颜色序列不能为空!");
  332.      return false;
  333.     }
  334.     Tl.Color.Set = ColorAr;
  335.     
  336.     for(var i=0, j=pCbxList.length; i<j; i++)
  337.     {     
  338.      var Re = new RegExp("//b"+pCbxList[i].value+"//b", "i");
  339.      
  340.      if(Re.test(Tl.Color.Hot))
  341.      {
  342.       pCbxList[i].checked = true;
  343.      }
  344.      else
  345.      {
  346.       pCbxList[i].checked = false;
  347.      }
  348.     } // end for
  349.     pGoBtn.click();
  350.    }
  351.   pText.parentNode.insertBefore(HotBtn, pText);
  352.   

  353.   var CoolBtn = document.createElement("button");
  354.    CoolBtn.innerHTML = "冷色";
  355.    CoolBtn.className = Tl.Element.CbxList.ClassName;
  356.    
  357.    CoolBtn.onclick = function()
  358.    {
  359.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  360.     if(ColorAr.length ===0)
  361.     {
  362.      alert("颜色序列不能为空!");
  363.      return false;
  364.     }
  365.     Tl.Color.Set = ColorAr;
  366.     
  367.     for(var i=0, j=pCbxList.length; i<j; i++)
  368.     {     
  369.      var Re = new RegExp("//b"+pCbxList[i].value+"//b", "i");
  370.      
  371.      if(Re.test(Tl.Color.Cool))
  372.      {
  373.       pCbxList[i].checked = true;
  374.      }
  375.      else
  376.      {
  377.       pCbxList[i].checked = false;
  378.      }
  379.     } // end for
  380.     pGoBtn.click();
  381.    }
  382.   pText.parentNode.insertBefore(CoolBtn, pText);
  383.  
  384.   
  385.   var NeutralBtn = document.createElement("button");
  386.    NeutralBtn.innerHTML = "中色";
  387.    NeutralBtn.className = Tl.Element.CbxList.ClassName;
  388.    
  389.    NeutralBtn.onclick = function()
  390.    {
  391.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  392.     if(ColorAr.length ===0)
  393.     {
  394.      alert("颜色序列不能为空!");
  395.      return false;
  396.     }
  397.     Tl.Color.Set = ColorAr;
  398.     
  399.     for(var i=0, j=pCbxList.length; i<j; i++)
  400.     {
  401.      var Re = new RegExp("//b"+pCbxList[i].value+"//b", "i");
  402.      
  403.      if(Re.test(Tl.Color.Neutral))
  404.      {
  405.       pCbxList[i].checked = true;
  406.      }
  407.      else
  408.      {
  409.       pCbxList[i].checked = false;
  410.      }
  411.     } // end for
  412.     pGoBtn.click();
  413.    }
  414.   pText.parentNode.insertBefore(NeutralBtn, pText);
  415.   
  416.  
  417.   var NoneBtn = document.createElement("button");
  418.    NoneBtn.innerHTML = "无色";
  419.    NoneBtn.className = Tl.Element.CbxList.ClassName;
  420.    
  421.    NoneBtn.onclick = function()
  422.    {
  423.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  424.     if(ColorAr.length ===0)
  425.     {
  426.      alert("颜色序列不能为空!");
  427.      return false;
  428.     }
  429.     Tl.Color.Set = ColorAr;
  430.     
  431.     for(var i=0, j=pCbxList.length; i<j; i++)
  432.     {
  433.      var Re = new RegExp("//b"+pCbxList[i].value+"//b", "i");
  434.      
  435.      if(Re.test(Tl.Color.None))
  436.      {
  437.       pCbxList[i].checked = true;
  438.      }
  439.      else
  440.      {
  441.       pCbxList[i].checked = false;
  442.      }
  443.     } // end for
  444.     pGoBtn.click();
  445.    }
  446.   pText.parentNode.insertBefore(NoneBtn, pText);
  447.   
  448.  
  449.   var WhiteBtn = document.createElement("button");
  450.    WhiteBtn.innerHTML = "白色";
  451.    WhiteBtn.className = Tl.Element.CbxList.ClassName;
  452.    
  453.    WhiteBtn.onclick = function()
  454.    {
  455.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  456.     if(ColorAr.length ===0)
  457.     {
  458.      alert("颜色序列不能为空!");
  459.      return false;
  460.     }
  461.     Tl.Color.Set = ColorAr;
  462.     
  463.     for(var i=0, j=pCbxList.length; i<j; i++)
  464.     {
  465.      var Re = new RegExp("//b"+pCbxList[i].value+"//b", "i");
  466.      
  467.      if(Re.test(Tl.Color.White))
  468.      {
  469.       pCbxList[i].checked = true;
  470.      }
  471.      else
  472.      {
  473.       pCbxList[i].checked = false;
  474.      }
  475.     } // end for
  476.     pGoBtn.click();
  477.    }
  478.   pText.parentNode.insertBefore(WhiteBtn, pText);
  479.   
  480.  
  481.   var WebBtn = document.createElement("button");
  482.    WebBtn.innerHTML = "Web";
  483.    WebBtn.className = Tl.Element.CbxList.ClassName;
  484.    
  485.    WebBtn.onclick = function()
  486.    {
  487.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  488.     if(ColorAr.length ===0)
  489.     {
  490.      alert("颜色序列不能为空!");
  491.      return false;
  492.     }
  493.     Tl.Color.Set = ColorAr;
  494.     
  495.     for(var i=0, j=pCbxList.length; i<j; i++)
  496.     {
  497.      var Re = new RegExp("//b"+pCbxList[i].value+"//b", "i");
  498.      
  499.      if(Re.test(Tl.Color.Web))
  500.      {
  501.       pCbxList[i].checked = true;
  502.      }
  503.      else
  504.      {
  505.       pCbxList[i].checked = false;
  506.      }
  507.     } // end for
  508.     pGoBtn.click();
  509.    }
  510.   pText.parentNode.insertBefore(WebBtn, pText);
  511.   
  512.  
  513.   var JpBtm = document.createElement("button");
  514.    JpBtm.innerHTML = "Jp";
  515.    JpBtm.className = Tl.Element.CbxList.ClassName;
  516.    
  517.    JpBtm.onclick = function()
  518.    {
  519.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  520.     if(ColorAr.length ===0)
  521.     {
  522.      alert("颜色序列不能为空!");
  523.      return false;
  524.     }
  525.     Tl.Color.Set = ColorAr;
  526.     
  527.     for(var i=0, j=pCbxList.length; i<j; i++)
  528.     {
  529.      var Re = new RegExp("//b"+pCbxList[i].value+"//b", "i");
  530.      
  531.      if(Re.test(Tl.Color.Jp))
  532.      {
  533.       pCbxList[i].checked = true;
  534.      }
  535.      else
  536.      {
  537.       pCbxList[i].checked = false;
  538.      }
  539.     } // end for
  540.     pGoBtn.click();
  541.    }
  542.   pText.parentNode.insertBefore(JpBtm, pText);
  543.   
  544.   
  545.   pText.parentNode.insertBefore(document.createElement("br"), pText);

  546.   
  547.   var SleAllBtn = document.createElement("button");
  548.    SleAllBtn.innerHTML = "全选";
  549.    SleAllBtn.className = Tl.Element.CbxList.ClassName;
  550.    
  551.    SleAllBtn.onclick = function()
  552.    {
  553.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  554.     if(ColorAr.length ===0)
  555.     {
  556.      alert("颜色序列不能为空!");
  557.      return false;
  558.     }
  559.     Tl.Color.Set = ColorAr;
  560.     
  561.     for(var i=0, j=pCbxList.length; i<j; i++)
  562.     {
  563.      pCbxList[i].checked = true;
  564.     } // end for
  565.     pGoBtn.click();
  566.    }
  567.    
  568.   pText.parentNode.insertBefore(SleAllBtn, pText);
  569.   
  570.   
  571.   var SleInvertBtn = document.createElement("button");
  572.    SleInvertBtn.innerHTML = "反选";
  573.    SleInvertBtn.className = Tl.Element.CbxList.ClassName;
  574.    
  575.    SleInvertBtn.onclick = function()
  576.    {
  577.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  578.     if(ColorAr.length ===0)
  579.     {
  580.      alert("颜色序列不能为空!");
  581.      return false;
  582.     }
  583.     Tl.Color.Set = ColorAr;
  584.     
  585.     for(var i=0, j=pCbxList.length; i<j; i++)
  586.     {
  587.      if(pCbxList[i].checked)
  588.      {
  589.       pCbxList[i].checked = false;
  590.      }
  591.      else
  592.      {
  593.       pCbxList[i].checked = true;
  594.      }
  595.       
  596.     } // end for
  597.     pGoBtn.click();
  598.    }
  599.   pText.parentNode.insertBefore(SleInvertBtn, pText);
  600.   
  601.   
  602.   var SleNoneBtn = document.createElement("button");
  603.    SleNoneBtn.innerHTML = "不选";
  604.    SleNoneBtn.className = Tl.Element.CbxList.ClassName;
  605.    
  606.    SleNoneBtn.onclick = function()
  607.    {
  608.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  609.     if(ColorAr.length ===0)
  610.     {
  611.      alert("颜色序列不能为空!");
  612.      return false;
  613.     }
  614.     Tl.Color.Set = ColorAr;
  615.     
  616.     for(var i=0, j=pCbxList.length; i<j; i++)
  617.     {
  618.      pCbxList[i].checked = false;
  619.     } // end for
  620.     pGoBtn.click();
  621.    }
  622.   pText.parentNode.insertBefore(SleNoneBtn, pText);
  623.   
  624.   
  625.   var FirstBtn = document.createElement("button");
  626.    FirstBtn.innerHTML = "首项";
  627.    FirstBtn.className = Tl.Element.CbxList.ClassName;
  628.    
  629.    FirstBtn.onclick = function()
  630.    {
  631.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  632.     if(ColorAr.length ===0)
  633.     {
  634.      alert("颜色序列不能为空!");
  635.      return false;
  636.     }
  637.     Tl.Color.Set = ColorAr;
  638.     
  639.     for(var i=0, j=pCbxList.length; i<j; i++)
  640.     {
  641.      pCbxList[i].checked = false;;
  642.     } // end for
  643.     pCbxList[0].checked = true;
  644.     pGoBtn.click();
  645.    }
  646.   pText.parentNode.insertBefore(FirstBtn, pText);
  647.   
  648.   
  649.   var PrevBtn = document.createElement("button");
  650.    PrevBtn.innerHTML = "上项";
  651.    PrevBtn.className = Tl.Element.CbxList.ClassName;
  652.    
  653.    PrevBtn.onclick = function()
  654.    {
  655.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  656.     if(ColorAr.length ===0)
  657.     {
  658.      alert("颜色序列不能为空!");
  659.      return false;
  660.     }
  661.     Tl.Color.Set = ColorAr;
  662.     
  663.     var iIndex = null;
  664.     
  665.     for(var i=0, j=pCbxList.length; i<j; i++)
  666.     {     
  667.      if(pCbxList[i].checked) iIndex = i;     
  668.      pCbxList[i].checked = false;
  669.     } // end for
  670.     
  671.     if(iIndex!=null)
  672.     {
  673.      if(iIndex===0) iIndex = pCbxList.length-1;
  674.      else iIndex--;
  675.     }
  676.     else
  677.     {
  678.      iIndex = 0;
  679.     }
  680.      pCbxList[iIndex].checked = true
  681.     pGoBtn.click();
  682.    }
  683.   pText.parentNode.insertBefore(PrevBtn, pText);
  684.   
  685.   
  686.   var NextBtn = document.createElement("button");
  687.    NextBtn.innerHTML = "下项";
  688.    NextBtn.className = Tl.Element.CbxList.ClassName;
  689.    
  690.    NextBtn.onclick = function()
  691.    {
  692.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  693.     if(ColorAr.length ===0)
  694.     {
  695.      alert("颜色序列不能为空!");
  696.      return false;
  697.     }
  698.     Tl.Color.Set = ColorAr;
  699.     
  700.     var iIndex = null;
  701.     
  702.     for(var i=0, j=pCbxList.length; i<j; i++)
  703.     {     
  704.      if(pCbxList[i].checked) iIndex = i;
  705.      pCbxList[i].checked = false;
  706.     } // end for
  707.     
  708.     if(iIndex!=null)
  709.     {
  710.      if(iIndex===pCbxList.length-1) iIndex = 0;
  711.      else iIndex++;
  712.     }
  713.     else
  714.     {
  715.      iIndex = 0;
  716.     }
  717.      pCbxList[iIndex].checked = true
  718.     pGoBtn.click();
  719.    }
  720.   pText.parentNode.insertBefore(NextBtn, pText);
  721.   
  722.   
  723.   var LastBtn = document.createElement("button");
  724.    LastBtn.innerHTML = "末项";
  725.    LastBtn.className = Tl.Element.CbxList.ClassName;
  726.    
  727.    LastBtn.onclick = function()
  728.    {
  729.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  730.     if(ColorAr.length ===0)
  731.     {
  732.      alert("颜色序列不能为空!");
  733.      return false;
  734.     }
  735.     Tl.Color.Set = ColorAr;
  736.     
  737.     for(var i=0, j=pCbxList.length; i<j; i++)
  738.     {
  739.      pCbxList[i].checked = false;
  740.     } // end for
  741.     pCbxList[pCbxList.length-1].checked = true;
  742.     pGoBtn.click();
  743.    }
  744.   pText.parentNode.insertBefore(LastBtn, pText);
  745.   
  746.   
  747.   var TextEle = document.createTextNode("显示:");
  748.   pText.parentNode.insertBefore(TextEle, pText);
  749.   
  750.   Tl.Theme.Select.Id = Tl.Init.Name + Tl.Theme.Select.Id + Tl.Postfix;
  751.   
  752.   var ThemeSle = document.createElement("select");
  753.    
  754.    ThemeSle.className = Tl.Element.InvertCbx.ClassName;
  755.    ThemeSle.id = Tl.Theme.Select.Id;
  756.    
  757.    pText.parentNode.insertBefore(ThemeSle, pText);
  758.    
  759.    Tl.Theme.Select.Main = document.getElementById(Tl.Theme.Select.Id);
  760.    pSelect = Tl.Theme.Select.Main ;
  761.    
  762.   // 清除非 Onload Bug For IE
  763.   if(Tl.Theme.Default in Tl.Theme.HashTable.Object)
  764.   {
  765.    fAddOption(pSelect, Tl.Theme.HashTable.Item(Tl.Theme.Default), Tl.Theme.Defaulttruetrue);
  766.   }
  767.   
  768.   for(var i in Tl.Theme.HashTable.Object)
  769.   {
  770.    if(i!=Tl.Theme.Default)
  771.    {
  772.     fAddOption(pSelect, Tl.Theme.HashTable.Item(i), i, falsefalse);
  773.    }
  774.   } // end if
  775.    
  776.   pSelect.onchange =
  777.    function()
  778.    {
  779.     fSetNullContainerHbContent();
  780.     
  781.     Tl.Theme.Default = this.value;
  782.     pGoBtn.click();
  783.    }
  784.   
  785.   var TextEle = document.createTextNode("反向:");
  786.   pText.parentNode.insertBefore(TextEle, pText);
  787.   
  788.   
  789.   var TempEle = document.createElement("input");
  790.    TempEle.type = "checkbox";
  791.    TempEle.className = Tl.Element.InvertCbx.ClassName;
  792.    TempEle.id = Tl.Init.Name + Tl.Element.InvertCbx.Id+Tl.Postfix;
  793.    Tl.Element.InvertCbx.Id = TempEle.id;
  794.    
  795.   pText.parentNode.insertBefore(TempEle, pText);
  796.   
  797.   Tl.Element.InvertCbx.Main = document.getElementById(Tl.Element.InvertCbx.Id);
  798.   pInvertCbx = Tl.Element.InvertCbx.Main;
  799.   
  800.   pInvertCbx.onclick =
  801.    function()
  802.    {
  803.     var ColorAr = fClearArrayRepeats(pColorTbx.value.split(","));
  804.     if(ColorAr.length ===0)
  805.     {
  806.      alert("颜色序列不能为空!");
  807.     }
  808.     Tl.Color.Set = ColorAr;
  809.     
  810.     fSetNullContainerHbContent();
  811.     
  812.     if(this.checked)
  813.     {
  814.      Tl.Invert = true;
  815.     }
  816.     else
  817.     {
  818.      Tl.Invert = false;
  819.     }
  820.     pGoBtn.click();
  821.    } // end pInvertCbx.onclick
  822.   
  823.  } // end function fGo
  824.   
  825.  function fAddOption(sle, text, value, defaultSelected, selected)
  826.  {// shawl.qiu script
  827.   if(!defaultSelected) defaultSelected = false;
  828.   if(!selected) selected = false;
  829.   sle.options[sle.options.length] = new Option(text, value, defaultSelected, selected);
  830.  } // end function fAddOption
  831.  
  832.  function fRandomLetter(nLen, sCase)
  833.  {// shawl.qiu code
  834.   var ar='';
  835.   var arUp=['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S',
  836.    'T','U','V','W','X','Y','Z'];
  837.   var arLw=['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t',
  838.    'u','v','w','x','y','z'];
  839.   var arDgt=[0,1,2,3,4,5,6,7,8,9];
  840.   switch(sCase)
  841.   {
  842.    case 'upper': ar=arUp; break;
  843.    case 'lower': ar=arLw; break;
  844.    case 'letter': ar=arUp.concat(arLw)break;
  845.    default:ar=arUp.concat(arLw, arDgt);
  846.   }
  847.   if(nLen&&nLen>0)
  848.   {
  849.    if(!isFinite(nLen))return false;
  850.    if(nLen<0)return false;
  851.    var iLetter='';
  852.     nLen=parseInt(nLen);
  853.     for(var i=0; i<nLen; i++)
  854.     {
  855.      iLetter+=ar[fRandomBy(0,ar.length-1)];
  856.     }
  857.     return iLetter;
  858.   }
  859.   return ar[fRandomBy(0,ar.length-1)];
  860.  
  861.   function fRandomBy(under, over)
  862.   {// shawl.qiu script
  863.    switch(arguments.length)
  864.    {
  865.     case 1: return parseInt(Math.random()*under+1);
  866.     case 2: return parseInt(Math.random()*(over-under+1) + under);
  867.     defaultreturn 0;
  868.    } // end switch
  869.   } // end function fRandomBy
  870.  } // end function fRandomLetter
  871.  
  872.  function fClearArrayRepeats(ItemAr, bTrim, ReOptStr, iOrderOpt)
  873.  {// shawl.qiu script
  874.   var Debug = false;
  875.   
  876.   var ResultAr = [];
  877.   var ResultArCount = 0;
  878.   var MarkStr = "<>sqmark<>";
  879.   var CopyAr = [];
  880.   
  881.   var iCount= 0;
  882.   var iLen = ItemAr.length;
  883.   
  884.   if(!ReOptStr) ReOptStr = "gi";
  885.   
  886.   while(iCount<iLen)
  887.   {
  888.    if(bTrim)
  889.     CopyAr[iCount] = MarkStr+ItemAr[iCount].replace(/^/s+|/s+$/g, "")+MarkStr;
  890.    else
  891.     CopyAr[iCount] = MarkStr+ItemAr[iCount]+MarkStr;
  892.    iCount++;
  893.   }
  894.   
  895.   var TempStr = "";
  896.   
  897.   var AllStr = CopyAr.join("");
  898.   
  899.   var TempAr = [];
  900.   var GetItemRe = new RegExp(MarkStr+"(.*?)"+MarkStr, ReOptStr);
  901.   
  902.   AllStr.replace
  903.   (
  904.    GetItemRe,
  905.    function($0, $1)
  906.    {
  907.     var IdStr = MarkStr+$1+MarkStr;
  908.     if(TempStr.indexOf(IdStr)==-1)
  909.     {
  910.      if(Debug)
  911.       alert(IdStr);
  912.       
  913.      TempStr += IdStr;
  914.      ResultAr[ResultArCount++] = $1;
  915.     }
  916.    }
  917.   )
  918.   
  919.   if(Debug)
  920.   {
  921.    alert
  922.    (
  923.     " ItemAr: "+ItemAr
  924.     +"/n AllStr: "+AllStr
  925.     +"/n ResultAr: "+ResultAr
  926.    );
  927.   }
  928.   
  929.   return fArOdr(ResultAr, iOrderOpt);
  930.   
  931.   function fArOdr(array, pram)
  932.   {
  933.    if(!pram)var pram=1;
  934.    switch(pram)
  935.    {
  936.     case 2: return array.reverse();
  937.     case 3: return array.sort(function(a,b){return a-b;});
  938.     case 4: return array.sort(function(a,b){return b-a;});
  939.     defaultreturn array.sort();
  940.    } // end switch
  941.   } // end function fArOdr
  942.  } // function fClearArrayRepeats

  943.  function fRed()
  944.  { // return string
  945.   var sResult = "";
  946.   
  947.   var Hb = new HashTable();
  948.   
  949.    //红色系
  950.    Hb.Add("Alizarin", "#E32636", {En:"Alizarin", Zh:"深茜红"});
  951.    Hb.Add("Amaranth", "#E52B50", {En:"Amaranth", Zh:"紫红色"});
  952.    Hb.Add("Burgundy", "#900020", {En:"Burgundy", Zh:"勃艮第酒红"});
  953.    Hb.Add("Cardinal", "#C41E3A", {En:"Cardinal", Zh:"枢机红"});
  954.    Hb.Add("Carmine", "#960018", {En:"Carmine", Zh:"胭脂红"});
  955.    Hb.Add("Cerise", "#DE3163", {En:"Cerise", Zh:"樱桃红"});
  956.    Hb.Add("Chestnut", "#CD5C5C", {En:"Chestnut", Zh:"栗子色"});
  957.    Hb.Add("CoralRed", "#FF4040", {En:"CoralRed", Zh:"珊瑚红"});
  958.    Hb.Add("Crimson", "#DC143C", {En:"Crimson", Zh:"珊瑚红"});
  959.    Hb.Add("DarkPink", "#E75480", {En:"DarkPink", Zh:"深粉色"});
  960.    Hb.Add("FaluRed", "#801818", {En:"FaluRed", Zh:"未知"});
  961.    Hb.Add("FireEngineRed", "#CE2029", {En:"FireEngineRed", Zh:"未知"});
  962.    
  963.    Hb.Add("Fuchsia", "#FF00FF", {En:"Fuchsia", Zh:"品红"});
  964.    Hb.Add("Girlsnberry", "#D15C5C", {En:"Girlsnberry", Zh:"Girlsnberry"});
  965.    Hb.Add("HollyWoodCerise", "#F400A1", {En:"HollyWoodCerise", Zh:"HollyWoodCerise"});
  966.    Hb.Add("Magenta", "#FF0090", {En:"Magenta", Zh:"洋红"});
  967.    Hb.Add("Maroon", "#800000", {En:"Maroon", Zh:"栗色"});
  968.    Hb.Add("Mauve", "#E0B0FF", {En:"Mauve", Zh:"木槿紫"});
  969.    Hb.Add("PersianRed", "#CC3333", {En:"PersianRed", Zh:"波斯红"});
  970.    Hb.Add("Pink", "#FFC0CB", {En:"Pink", Zh:"粉红"});
  971.    Hb.Add("Pomegranate", "#F34723", {En:"Pomegranate", Zh:"石榴红"});
  972.    Hb.Add("Red", "#FF0000", {En:"Red", Zh:"红色"});
  973.    Hb.Add("RedViolet", "#C71585", {En:"RedViolet", Zh:"紫红"});
  974.    Hb.Add("Rose", "#FF007F", {En:"Rose", Zh:"玫瑰红"});
  975.    
  976.    Hb.Add("Rust", "#B7410E", {En:"Rust", Zh:"铁锈红"});
  977.    Hb.Add("Puce", "#CC8899", {En:"Puce", Zh:"红褐色"});
  978.    Hb.Add("Sangria", "#92000A", {En:"Sangria", Zh:"桑格里洒红"});
  979.    Hb.Add("Scarlet", "#FF2400", {En:"Scarlet", Zh:"腥红"});
  980.    Hb.Add("ShockingPink", "#FC0FC0", {En:"ShockingPink", Zh:"ShockingPink"});

  981.    Hb.Add("TerraCotta", "#CC4E5C", {En:"TerraCotta", Zh:"TerraCotta"});
  982.    Hb.Add("VenetianRed", "#C80815", {En:"VenetianRed", Zh:"威尼斯红"});
  983.    Hb.Add("Vermilion", "#E34234", {En:"Vermilion", Zh:"朱红"});
  984.    
  985.    Hb.Add("Ruby", "#C80852", {En:"Ruby", Zh:"宝石红"});
  986.    Hb.Add("RosePink", "#EE869A", {En:"RosePink", Zh:"浅玫瑰红"});
  987.    Hb.Add("SpinelRed", "#F09192", {En:"SpinelRed", Zh:"尖晶石红"});
  988.    Hb.Add("OperaMauve", "#E198C0", {En:"OperaMauve", Zh:"优品紫红"});
  989.    Hb.Add("CoralPink", "#F19C9F", {En:"CoralPink", Zh:"浅珊瑚红"});
  990.    Hb.Add("Flamingo", "#F5B2B2", {En:"Flamingo", Zh:"火鹤红"});
  991.    Hb.Add("PearlPink", "#F7C8CF", {En:"PearlPink", Zh:"浅珍珠红"});
  992.    Hb.Add("ShellPink", "#F8C6B5", {En:"ShellPink", Zh:"壳黄红"});
  993.    Hb.Add("BabyPink", "#FCE5DF", {En:"BabyPink", Zh:"浅粉红"});
  994.    Hb.Add("SalmonPink", "#F29B87", {En:"SalmonPink", Zh:"鲑红"});
  995.    Hb.Add("StrongRed", "#D8000F", {En:"StrongRed", Zh:"鲜红"});
  996.    Hb.Add("OldRose", "#C2737F", {En:"OldRose", Zh:"灰玫红"});
  997.    
  998.    var sIdentifier = "Red";
  999.  
  1000.    sResult += fShowAncharNav(sIdentifier, "红色系");
  1001.    
  1002.    sResult+=fDisplay(Hb, sIdentifier);
  1003.    
  1004.    sResult += "<hr/>";
  1005.    
  1006.    Hb = null;
  1007.   
  1008.   return sResult;
  1009.  } // end function fRed
  1010.  
  1011.  function fOrange()
  1012.  {
  1013.   var sResult = "";
  1014.   var Hb = new HashTable();
  1015.   
  1016.    //橙色系
  1017.    
  1018.    Hb.Add("Orange", "#FF7F00", {En:"Orange", Zh:"橙色"});
  1019.    Hb.Add("Amber", "#FFBF00", {En:"Amber", Zh:"琥珀色"});
  1020.    Hb.Add("Coral", "#FF7F50", {En:"Coral", Zh:"珊瑚红"});
  1021.    Hb.Add("DarkSalmon", "#E9967A", {En:"DarkSalmon", Zh:"暗鲑红"});
  1022.    Hb.Add("Gamboge", "#EF9B0F", {En:"Gamboge", Zh:"橙黄色"});
  1023.    Hb.Add("InternationalOrange", "#FF4F00", {En:"InternationalOrange", Zh:"国际橙"});
  1024.    Hb.Add("Mahogany", "#C04000", {En:"Mahogany", Zh:"桃木红"});
  1025.    Hb.Add("Peach", "#FFE5B4", {En:"Peach", Zh:"桃色"});
  1026.    Hb.Add("PeachOrange", "#FFCC99", {En:"PeachOrange", Zh:"桃橙色"});
  1027.    Hb.Add("PeachYellow", "#FADFAD", {En:"PeachYellow", Zh:"桃黄色"});
  1028.    Hb.Add("PinkOrange", "#FF9966", {En:"PinkOrange", Zh:"粉橙色"});
  1029.    Hb.Add("Pomegranate", "#F34723", {En:"Pomegranate", Zh:"石榴红"});
  1030.    Hb.Add("Pumpkin", "#FF7518", {En:"Pumpkin", Zh:"南瓜色"});
  1031.    
  1032.    Hb.Add("Rust", "#B7410E", {En:"Rust", Zh:"铁锈红"});
  1033.    Hb.Add("SafetyOrange", "#FF6600", {En:"SafetyOrange", Zh:"SafetyOrange"});
  1034.    Hb.Add("Salmon", "#FF8C69", {En:"Salmon", Zh:"鲑红"});
  1035.    Hb.Add("Tangerine", "#F28500", {En:"Tangerine", Zh:"橘色"});
  1036.    Hb.Add("Tawny", "#CD5700", {En:"Tawny", Zh:"黄褐色"});
  1037.    Hb.Add("UneceAmber", "#FF7E00", {En:"UneceAmber", Zh:"UneceAmber"});
  1038.    Hb.Add("Vermilion", "#E34234", {En:"Vermilion", Zh:"朱红"});
  1039.    Hb.Add("BurntOrange", "#CC5500", {En:"BurntOrange", Zh:"燃橙"});
  1040.    Hb.Add("Apricot", "#FBCEB1", {En:"Apricot", Zh:"杏黄"});
  1041.    Hb.Add("CarrotOrange", "#ED9121", {En:"CarrotOrange", Zh:"胡萝卜橙"});
  1042.    Hb.Add("OrangePeel", "#FFA000", {En:"OrangePeel", Zh:"OrangePeel"});
  1043.    Hb.Add("OrangeWeb", "#FFA500", {En:"OrangeWeb", Zh:"橙色"});
  1044.    Hb.Add("Brown", "#964B00", {En:"Brown", Zh:"褐色"});
  1045.    
  1046.    Hb.Add("Persimmon", "#ED6E3D", {En:"Persimmon", Zh:"柿子橙"});
  1047.    Hb.Add("SunOrange", "#F18D00", {En:"SunOrange", Zh:"阳橙"});
  1048.    Hb.Add("TropicalOrange", "#F39839", {En:"TropicalOrange", Zh:"热带橙"});
  1049.    Hb.Add("HoneyOrange", "#F9C270", {En:"HoneyOrange", Zh:"密橙"});
  1050.    Hb.Add("Apricot1", "#E5A96B", {En:"Apricot1", Zh:"杏黄"});
  1051.    Hb.Add("SandBeige", "#ECD6CA", {En:"SandBeige", Zh:"沙棕"});
  1052.    Hb.Add("Beige", "#E3CCA9", {En:"Beige", Zh:"棕"});
  1053.    Hb.Add("PaleOcre", "#D3B78F", {En:"PaleOcre", Zh:"灰土"});
  1054.    Hb.Add("Camel", "#B58654", {En:"Camel", Zh:"驼"});
  1055.    Hb.Add("CocountBrown", "#6A3315", {En:"CocountBrown", Zh:"椰褐"});
  1056.    
  1057.    var sIdentifier = "Orange";
  1058.    sResult += fShowAncharNav(sIdentifier, "橙色系");
  1059.    
  1060.    sResult+=fDisplay(Hb, sIdentifier);
  1061.    
  1062.    sResult+="<hr/>";
  1063.    
  1064.    Hb = null;
  1065.    
  1066.   return sResult;
  1067.  } // end function fOrange
  1068.  
  1069.  function fYellow()
  1070.  {
  1071.   var sResult = "";
  1072.   var Hb = new HashTable();
  1073.   
  1074.    //黄色系
  1075.    
  1076.    Hb.Add("Amber", "#FFBF00", {En:"Amber", Zh:"琥珀色"});
  1077.    Hb.Add("Beige", "#F5F5DC", {En:"Beige", Zh:"棕色"});
  1078.    Hb.Add("Buff", "#F0DC82", {En:"Buff", Zh:"暗黄色"});
  1079.    Hb.Add("Corn", "#FBEC5D", {En:"Corn", Zh:"玉米色"});
  1080.    Hb.Add("Cream", "#FFFDD0", {En:"Cream", Zh:"奶油色"});
  1081.    Hb.Add("DarkGoldenrod", "#B8860B", {En:"DarkGoldenrod", Zh:"暗金菊色"});
  1082.    Hb.Add("Ecru", "#CDB891", {En:"Ecru", Zh:"淡褐色"});
  1083.    Hb.Add("Flax", "#EEDC82", {En:"Flax", Zh:"亚麻色"});
  1084.    Hb.Add("Gamboge", "#EF9B0F", {En:"Gamboge", Zh:"藤黄"});
  1085.    Hb.Add("Golden", "#FFD700", {En:"Golden", Zh:"金色"});
  1086.    Hb.Add("Goldenrod", "#DAA520", {En:"Goldenrod", Zh:"金菊色"});
  1087.    Hb.Add("Khaki", "#C3B091", {En:"Khaki", Zh:"暗卡奇色"});
  1088.    
  1089.    Hb.Add("Lemon", "#FDE910", {En:"Lemon", Zh:"柠檬色"});
  1090.    Hb.Add("LemonChiffon", "#FFFACD", {En:"LemonChiffon", Zh:"柠檬绸色"});
  1091.    Hb.Add("Lime", "#BFFF00", {En:"Lime", Zh:"柠檬绿"});
  1092.    Hb.Add("Mustard", "#FFDB58", {En:"Mustard", Zh:"芥末黄"});
  1093.    Hb.Add("NavajoWhite", "#FFDEAD", {En:"NavajoWhite", Zh:"那瓦霍白"});
  1094.    Hb.Add("OldGold", "#CFB53B", {En:"OldGold", Zh:"深黄色"});
  1095.    Hb.Add("Olive", "#808000", {En:"Olive", Zh:"橄榄色"});
  1096.    Hb.Add("PapayaWhip", "#FFEFD5", {En:"PapayaWhip", Zh:"番木瓜色"});
  1097.    Hb.Add("PeachYellow", "#FADFAD", {En:"PeachYellow", Zh:"桃黄色"});
  1098.    Hb.Add("Pear", "#D1E231", {En:"Pear", Zh:"梨色"});
  1099.    Hb.Add("Saffron", "#F4C430", {En:"Saffron", Zh:"橙黄色"});
  1100.    Hb.Add("SchoolBusYellow", "#FFD800", {En:"SchoolBusYellow", Zh:"SchoolBusYellow"});
  1101.  
  1102.    Hb.Add("SelectiveYellow", "#FFBA00", {En:"SelectiveYellow", Zh:"SelectiveYellow"});
  1103.    Hb.Add("TangerineYellow", "#FFCC00", {En:"TangerineYellow", Zh:"橘黄色"});
  1104.    Hb.Add("Yellow", "#FFFF00", {En:"Yellow", Zh:"黄色"});
  1105.    Hb.Add("Apricot", "#FBCEB1", {En:"Apricot", Zh:"杏黄"});
  1106.    Hb.Add("MetallicGold", "#D4AF37", {En:"MetallicGold", Zh:"金属黄"});
  1107.    Hb.Add("ChartreuseYellow", "#DFFF00", {En:"ChartreuseYellow", Zh:"查特酒黄"});
  1108.    Hb.Add("GoldenYellow", "#FFDF00", {En:"GoldenYellow", Zh:"金黄色"});
  1109.    Hb.Add("GoldenPoppy", "#FCC200", {En:"GoldenPoppy", Zh:"罂粟黄"});
  1110.    Hb.Add("GreenYellow", "#ADFF2F", {En:"GreenYellow", Zh:"绿黄"});
  1111.    
  1112.    Hb.Add("Marigold", "#F7AB00", {En:"Marigold", Zh:"万寿菊黄"});
  1113.    Hb.Add("ChromeYellow", "#FDD000", {En:"ChromeYellow", Zh:"铭黄"});
  1114.    Hb.Add("Jasmine", "#FEDD78", {En:"Jasmine", Zh:"茉莉黄"});
  1115.    Hb.Add("Cream1", "#FFEAB4", {En:"Cream1", Zh:"米黄"});
  1116.    Hb.Add("Ivory", "#EBE5D1", {En:"Ivory", Zh:"乳白"});
  1117.    Hb.Add("ChampagneYellow", "#FFF8B1", {En:"ChampagneYellow", Zh:"香槟黄"});
  1118.    Hb.Add("MoonYellow", "#FFF463", {En:"MoonYellow", Zh:"月光黄"});
  1119.    Hb.Add("CanaryYellow", "#FFF100", {En:"CanaryYellow", Zh:"鲜黄"});
  1120.    Hb.Add("Mimosa", "#EDD443", {En:"Mimosa", Zh:"含羞草黄"});
  1121.    Hb.Add("Ocher", "#C48F00", {En:"Ocher", Zh:"黄褐"});
  1122.    Hb.Add("Khaki1", "#B08827", {En:"Khaki1", Zh:"土黄"});
  1123.    
  1124.    var sIdentifier = "Yellow";
  1125.    sResult += fShowAncharNav(sIdentifier, "黄色系");
  1126.    
  1127.    sResult+=fDisplay(Hb, sIdentifier);
  1128.    
  1129.    sResult+="<hr/>";
  1130.    
  1131.    Hb = null;
  1132.    
  1133.   return sResult;
  1134.  } // end function fYellow
  1135.  
  1136.  function fGreen()
  1137.  {
  1138.   var sResult = "";
  1139.   var Hb = new HashTable();
  1140.  
  1141.    //绿色系
  1142.    
  1143.    Hb.Add("Asparagus", "#7BA05B", {En:"Asparagus", Zh:"芦笋色"});
  1144.    Hb.Add("BrightGreen", "#66FF00", {En:"BrightGreen", Zh:"明绿"});
  1145.    Hb.Add("CamouflageGreen", "#78866B", {En:"CamouflageGreen", Zh:"CamouflageGreen"});
  1146.    Hb.Add("Celadon", "#ACE1AF", {En:"Celadon", Zh:"青瓷色"});
  1147.    Hb.Add("Chartreuse", "#7FFF00", {En:"Chartreuse", Zh:"查特酒绿"});
  1148.    Hb.Add("Emerald", "#50C878", {En:"Emerald", Zh:"碧绿"});
  1149.    Hb.Add("FernGreen", "#4F7942", {En:"FernGreen", Zh:"蕨绿色"});
  1150.    Hb.Add("GrayAsparagus", "#465945", {En:"GrayAsparagus", Zh:"芦笋灰"});
  1151.    Hb.Add("Green", "#00FF00", {En:"Green", Zh:"绿色"});
  1152.    Hb.Add("GreenYellow", "#ADFF2F", {En:"GreenYellow", Zh:"绿黄色"});
  1153.    Hb.Add("Jade", "#00A86B", {En:"Jade", Zh:"翡翠绿"});
  1154.    Hb.Add("JungleGreen", "#29AB87", {En:"JungleGreen", Zh:"丛林绿"});
  1155.    
  1156.    Hb.Add("Lime", "#BFFF00", {En:"Lime", Zh:"柠檬绿"});
  1157.    Hb.Add("MossGreen", "#ADDFAD", {En:"MossGreen", Zh:"苔藓绿"});
  1158.    Hb.Add("Myrtle", "#21421E", {En:"Myrtle", Zh:"长春花"});
  1159.    Hb.Add("Olive", "#808000", {En:"Olive", Zh:"橄榄色"});
  1160.    Hb.Add("OliveDrab", "#6B8E23", {En:"OliveDrab", Zh:"橄榄军服绿"});
  1161.    Hb.Add("Pear", "#D1E231", {En:"Pear", Zh:"梨色"});
  1162.    Hb.Add("PineGreen", "#01796F", {En:"PineGreen", Zh:"松绿"});
  1163.    Hb.Add("SeaGreen", "#2E8B57", {En:"SeaGreen", Zh:"海绿"});
  1164.    Hb.Add("SpringGreen", "#00FF7F", {En:"SpringGreen", Zh:"春绿"});
  1165.    Hb.Add("SwampGreen", "#ACB78E", {En:"SwampGreen", Zh:"沼泽绿"});
  1166.    Hb.Add("TeaGreen", "#D0F0C0", {En:"TeaGreen", Zh:"茶绿"});
  1167.    Hb.Add("ForestGreen", "#228B22", {En:"ForestGreen", Zh:"森林绿"});
  1168.    
  1169.    //追加
  1170.    Hb.Add("AppleGreen", "#9EBD19", {En:"AppleGreen", Zh:"苹果绿"});
  1171.    Hb.Add("FreshLeaves", "#A9D06B", {En:"FreshLeaves", Zh:"嫩绿"});
  1172.    Hb.Add("FoliageGreen", "#87A256", {En:"FoliageGreen", Zh:"叶绿"});
  1173.    Hb.Add("GrassGreen", "#AAC468", {En:"GrassGreen", Zh:"草绿"});
  1174.    Hb.Add("MossGreen", "#888637", {En:"MossGreen", Zh:"苔藓绿"});
  1175.    Hb.Add("IvyGreen", "#3D7D53", {En:"IvyGreen", Zh:"常春藤绿"});
  1176.    Hb.Add("CobaltGreen", "#6ABD78", {En:"CobaltGreen", Zh:"钴绿"});
  1177.    Hb.Add("TurquoiseGreen", "#42AB91", {En:"TurquoiseGreen", Zh:"绿松石绿"});
  1178.    Hb.Add("CeladonGreen", "#7BB99B", {En:"CeladonGreen", Zh:"青瓷绿"});
  1179.    Hb.Add("Malachite", "#7BB99B", {En:"Malachite", Zh:"孔雀石绿"});
  1180.    Hb.Add("Mint", "#007850", {En:"Mint", Zh:"薄荷绿"});
  1181.    Hb.Add("Viridian", "#006550", {En:"Viridian", Zh:"铭绿"});
  1182.    Hb.Add("PeacockGreen", "#008077", {En:"PeacockGreen", Zh:"孔雀绿"});
  1183.       
  1184.    var sIdentifier = "Green";
  1185.    sResult += fShowAncharNav(sIdentifier, "绿色系");
  1186.    
  1187.    sResult+=fDisplay(Hb, sIdentifier);
  1188.    
  1189.    sResult+="<hr/>";
  1190.    
  1191.    Hb = null;
  1192.    
  1193.   return sResult;
  1194.  } // end function fGreen
  1195.  
  1196.  function fBlueCyan()
  1197.  {
  1198.   var sResult = "";
  1199.   var Hb = new HashTable();
  1200.  
  1201.    // 青蓝色系
  1202.    
  1203.    Hb.Add("HorizonBlue", "#B0DCD5", {En:"HorizonBlue", Zh:"苍"});
  1204.    Hb.Add("LightSkyBlue", "#A1D8E6", {En:"LightSkyBlue", Zh:"亮天蓝"});
  1205.    Hb.Add("AquaBlue", "#59C3E2", {En:"AquaBlue", Zh:"水蓝"});
  1206.    Hb.Add("AzureBlue", "#22AEE6", {En:"AzureBlue", Zh:"湛蓝"});
  1207.    Hb.Add("SkyBlue", "#94C6D0", {En:"SkyBlue", Zh:"天蓝"});
  1208.    Hb.Add("BabyBlue", "#B1D4DB", {En:"BabyBlue", Zh:"浅蓝"});
  1209.    Hb.Add("PaleBlue", "#8BB0CD", {En:"PaleBlue", Zh:"灰蓝"});
  1210.    Hb.Add("SaxeBlue", "#4C8DB5", {En:"SaxeBlue", Zh:"萨克斯蓝"});
  1211.    
  1212.    Hb.Add("Aquamarine", "#2983B1", {En:"Aquamarine", Zh:"碧蓝"});
  1213.    Hb.Add("TurquoiseBlue", "#00A4C5", {En:"TurquoiseBlue", Zh:"绿松石蓝"});
  1214.    Hb.Add("CyanBlue", "#008890", {En:"CyanBlue", Zh:"青蓝"});
  1215.    Hb.Add("PeacockBlue", "#006980", {En:"PeacockBlue", Zh:"孔雀蓝"});
  1216.    Hb.Add("CeruleanBlue", "#007BBB", {En:"CeruleanBlue", Zh:"蔚蓝"});
  1217.    Hb.Add("CobaltBlue", "#005DAC", {En:"CobaltBlue", Zh:"钴蓝"});
  1218.    Hb.Add("Ultramarine", "#004098", {En:"Ultramarine", Zh:"深海蓝"});
  1219.    Hb.Add("RoyalBlue", "#1E50A2", {En:"RoyalBlue", Zh:"品蓝"});

  1220.    var sIdentifier = "BlueCyan";
  1221.    sResult += fShowAncharNav(sIdentifier, "青蓝色系");
  1222.    
  1223.    sResult+=fDisplay(Hb, sIdentifier);
  1224.    
  1225.    sResult+="<hr/>";
  1226.    
  1227.    Hb = null;
  1228.    
  1229.   return sResult;
  1230.  } // end function fBlueCyan
  1231.  
  1232.  function fCyan()
  1233.  {
  1234.   var sResult = "";
  1235.   var Hb = new HashTable();
  1236.   
  1237.    //青色系
  1238.    
  1239.    Hb.Add("AliceBlue", "#F0F8FF", {En:"AliceBlue", Zh:"爱丽丝蓝"});
  1240.    Hb.Add("Aqua", "#00FFFF", {En:"Aqua", Zh:"水色"});
  1241.    Hb.Add("Aquamarine", "#7FFFD4", {En:"Aquamarine", Zh:"碧蓝色"});
  1242.    Hb.Add("BabyBlue", "#E0FFFF", {En:"BabyBlue", Zh:"浅蓝"});
  1243.    Hb.Add("BondiBlue", "#0095B6", {En:"BondiBlue", Zh:"BondiBlue"});
  1244.    Hb.Add("Cerulean", "#007BA7", {En:"Cerulean", Zh:"天蓝色"});
  1245.    Hb.Add("Cyan", "#00B7EB", {En:"Cyan", Zh:"青色"});
  1246.    Hb.Add("ElectricBlue", "#7DF9FF", {En:"ElectricBlue", Zh:"ElectricBlue"});
  1247.    Hb.Add("PineGreen", "#01796F", {En:"PineGreen", Zh:"松绿"});
  1248.    Hb.Add("RobinEggBlue", "#00CCCC", {En:"RobinEggBlue", Zh:"知更鸟蛋"});
  1249.    Hb.Add("Teal", "#008080", {En:"Teal", Zh:"凫绿"});
  1250.    Hb.Add("Turquoise", "#30D5C8", {En:"Turquoise", Zh:"绿松石绿"});
  1251.    Hb.Add("Viridian", "#40826D", {En:"Viridian", Zh:"Viridian"});

  1252.    var sIdentifier = "Cyan";
  1253.    sResult += fShowAncharNav(sIdentifier, "青色系");
  1254.    
  1255.    sResult+=fDisplay(Hb, sIdentifier);
  1256.    
  1257.    sResult+="<hr/>";
  1258.    
  1259.    Hb = null;
  1260.    
  1261.   return sResult;
  1262.  } // end function fCyan
  1263.  
  1264.  function fBlue()
  1265.  {
  1266.   var sResult = "";
  1267.   var Hb = new HashTable();
  1268.   
  1269.    // 蓝色系
  1270.    
  1271.    Hb.Add("AliceBlue", "#F0F8FF", {En:"AliceBlue", Zh:"爱丽丝蓝"});
  1272.    Hb.Add("Azure", "#007FFF", {En:"Azure", Zh:"天蓝色"});
  1273.    Hb.Add("BabyBlue", "#E0FFFF", {En:"BabyBlue", Zh:"粉末蓝"});
  1274.    Hb.Add("Blue", "#0000FF", {En:"Blue", Zh:"蓝色"});
  1275.    Hb.Add("Cerulean", "#007BA7", {En:"Cerulean", Zh:"蔚蓝色"});
  1276.    Hb.Add("CeruleanBlue", "#2A52BE", {En:"CeruleanBlue", Zh:"天青蓝"});
  1277.    Hb.Add("CobaltBlue", "#0047AB", {En:"CobaltBlue", Zh:"钴蓝色"});
  1278.    Hb.Add("CornflowerBlue", "#6495ED", {En:"CornflowerBlue", Zh:"矢车菊蓝"});
  1279.    Hb.Add("DarkBlue", "#0000C8", {En:"DarkBlue", Zh:"深蓝色"});
  1280.    Hb.Add("Denim", "#1560BD", {En:"Denim", Zh:"丹宁布色"});
  1281.    Hb.Add("DodgerBlue", "#1E90FF", {En:"DodgerBlue", Zh:"道奇蓝"});
  1282.    Hb.Add("Indigo", "#4B0082", {En:"Indigo", Zh:"靛青色"});
  1283.    
  1284.    Hb.Add("InternationalKleinBlue", "#002FA7", {En:"InternationalKleinBlue", Zh:"国际奇连蓝"});
  1285.    Hb.Add("LightBlue", "#ADD8E6", {En:"LightBlue", Zh:"深蓝色"});
  1286.    Hb.Add("MidnightBlue", "#003366", {En:"MidnightBlue", Zh:"午夜蓝"});
  1287.    Hb.Add("NavyBlue", "#000080", {En:"NavyBlue", Zh:"海军蓝"});
  1288.    Hb.Add("Periwinkle", "#CCCCFF", {En:"Periwinkle", Zh:"长春花色"});
  1289.    Hb.Add("PersianBlue", "#1C39BB", {En:"PersianBlue", Zh:"波斯蓝"});
  1290.    Hb.Add("PowderBlue", "#B0E0E6", {En:"PowderBlue", Zh:"粉末蓝"});
  1291.    Hb.Add("PrussianBlue", "#003153", {En:"PrussianBlue", Zh:"普鲁士蓝"});
  1292.    Hb.Add("RoyalBlue", "#084C9E", {En:"RoyalBlue", Zh:"皇室蓝"});
  1293.    Hb.Add("Sapphire", "#082567", {En:"Sapphire", Zh:"青玉色"});
  1294.    Hb.Add("SteelBlue", "#4682B4", {En:"SteelBlue", Zh:"钢青色"});
  1295.    Hb.Add("Ultramarine", "#120A8F", {En:"Ultramarine", Zh:"群青色"});

  1296.    var sIdentifier = "Blue";
  1297.    sResult += fShowAncharNav(sIdentifier, "蓝色系");
  1298.    
  1299.    sResult+=fDisplay(Hb, sIdentifier);
  1300.    
  1301.    sResult+="<hr/>";
  1302.    
  1303.    Hb = null;
  1304.    
  1305.   return sResult;
  1306.  } // end function fBlue
  1307.  
  1308.  function fIndigo()
  1309.  {
  1310.   var sResult = "";
  1311.   var Hb = new HashTable();
  1312.  
  1313.    // 靛青色系
  1314.    
  1315.    Hb.Add("LapisLazuli", "#134098", {En:"LapisLazuli", Zh:"天青石靛"});
  1316.    Hb.Add("SalviaBlue", "#5B77AF", {En:"SalviaBlue", Zh:"鼠尾草蓝"});
  1317.    Hb.Add("WedgwoodBlue", "#6684B0", {En:"WedgwoodBlue", Zh:"韦奇伍德瓷蓝"});
  1318.    Hb.Add("SlateBlue", "#527AA3", {En:"SlateBlue", Zh:"岩蓝"});
  1319.    Hb.Add("SapphireBlue", "#005789", {En:"SapphireBlue", Zh:"宝石蓝"});
  1320.    Hb.Add("MineralBlue", "#005178", {En:"MineralBlue", Zh:"矿蓝"});
  1321.    
  1322.    Hb.Add("StrongBlue", "#005978", {En:"StrongBlue", Zh:"浓蓝"});
  1323.    Hb.Add("MarineBlue", "#00456B", {En:"MarineBlue", Zh:"水手蓝"});
  1324.    Hb.Add("NavyBlue", "#001954", {En:"NavyBlue", Zh:"藏青"});
  1325.    Hb.Add("Indigo", "#002E5A", {En:"Indigo", Zh:"靛青"});
  1326.    Hb.Add("DarkMineralBlue", "#38426A", {En:"DarkMineralBlue", Zh:"暗矿蓝"});
  1327.    Hb.Add("MidnightBlue", "#04163A", {En:"MidnightBlue", Zh:"午夜蓝"});

  1328.    var sIdentifier = "Indigo";
  1329.    sResult += fShowAncharNav(sIdentifier, "靛青色系");
  1330.    
  1331.    sResult+=fDisplay(Hb, sIdentifier);
  1332.    
  1333.    sResult+="<hr/>";
  1334.    
  1335.    Hb = null;
  1336.    
  1337.   return sResult;
  1338.  } // end function fIndigo
  1339.  
  1340.  function fViolet()
  1341.  {
  1342.   var sResult = "";
  1343.   var Hb = new HashTable();
  1344.    
  1345.    // 紫色系
  1346.    
  1347.    Hb.Add("Amethyst", "#9966CC", {En:"Amethyst", Zh:"紫水晶"});
  1348.    Hb.Add("Cerise", "#DE3163", {En:"Cerise", Zh:"樱桃红"});
  1349.    Hb.Add("Eggplant", "#990066", {En:"Eggplant", Zh:"茄色"});
  1350.    Hb.Add("Fuchsia", "#FF00FF", {En:"Fuchsia", Zh:"品红"});
  1351.    Hb.Add("Heliotrope", "#DF73FF", {En:"Heliotrope", Zh:"缬草紫"});
  1352.    Hb.Add("Indigo", "#4B0082", {En:"Indigo", Zh:"靛色"});
  1353.    Hb.Add("Lavender", "#B57EDC", {En:"Lavender", Zh:"薰衣草紫"});
  1354.    Hb.Add("LavenderBlush", "#FFF0F5", {En:"LavenderBlush", Zh:"薰衣草紫红"});
  1355.    Hb.Add("LavenderGray", "#BDBBD7", {En:"LavenderGray", Zh:"薰衣草灰"});
  1356.    Hb.Add("LavenderRose", "#FBA0E3", {En:"LavenderRose", Zh:"LavenderRose"});
  1357.    Hb.Add("Lilac", "#C8A2C8", {En:"Lilac", Zh:"淡紫丁香色"});
  1358.    Hb.Add("Magenta", "#FF00FF", {En:"Magenta", Zh:"洋红"});
  1359.    
  1360.    Hb.Add("Mauve", "#E0B0FF", {En:"Mauve", Zh:"木槿紫"});
  1361.    Hb.Add("MountbattenPink", "#997A8D", {En:"MountbattenPink", Zh:"MountbattenPin"});
  1362.    Hb.Add("Orchid", "#DA70D6", {En:"Orchid", Zh:"兰紫"});
  1363.    Hb.Add("PalatinatePurple", "#682860", {En:"PalatinatePurple", Zh:"巴拉丁紫"});
  1364.    Hb.Add("PersianIndigo", "#32127A", {En:"PersianIndigo", Zh:"波斯靛青"});
  1365.    Hb.Add("Purple", "#660099", {En:"Purple", Zh:"紫色"});
  1366.    Hb.Add("RedViolet", "#C71585", {En:"RedViolet", Zh:"紫红"});
  1367.    Hb.Add("Rose", "#FF007F", {En:"Rose", Zh:"玫瑰红"});
  1368.    Hb.Add("Thistle", "#D8BFD8", {En:"Thistle", Zh:"蓟紫"});
  1369.    Hb.Add("Violet", "#8B00FF", {En:"Violet", Zh:"紫色"});
  1370.    Hb.Add("VioletEggplant", "#991199", {En:"VioletEggplant", Zh:"茄子紫"});
  1371.    Hb.Add("Wisteria", "#C9A0DC", {En:"Wisteria", Zh:"紫藤"});
  1372.    
  1373.    Hb.Add("Wisterial1", "#735B9F", {En:"Wisterial1", Zh:"紫藤"});
  1374.    Hb.Add("Clematics", "#D8BFCB", {En:"Clematics", Zh:"铁钱莲紫"});
  1375.    Hb.Add("Heliotrope", "#6F196F", {En:"Heliotrope", Zh:"缬草紫"});
  1376.    Hb.Add("MineralViolet", "#C5AFC0", {En:"MineralViolet", Zh:"矿紫"});
  1377.    Hb.Add("Pansy", "#8B0062", {En:"Pansy", Zh:"三色堇紫"});
  1378.    Hb.Add("Mallow", "#D369A4", {En:"Mallow", Zh:"锦葵紫"});
  1379.    Hb.Add("Orchid", "#D188A8", {En:"Orchid", Zh:"兰紫"});
  1380.    Hb.Add("PailLilac", "#EDE0E6", {En:"PailLilac", Zh:"淡紫丁香"});
  1381.    Hb.Add("GrayishPurple", "#9D899D", {En:"GrayishPurple", Zh:"浅灰紫"});

  1382.    var sIdentifier = "Violet";
  1383.    sResult += fShowAncharNav(sIdentifier, "紫色系");

  1384.    sResult+=fDisplay(Hb, sIdentifier);
  1385.    
  1386.    sResult+="<hr/>";
  1387.    
  1388.    Hb = null;
  1389.    
  1390.   return sResult;
  1391.  } // end function fViolet
  1392.  
  1393.  function fPink()
  1394.  {
  1395.   var sResult = "";
  1396.   var Hb = new HashTable();
  1397.   
  1398.    // 粉红色系
  1399.    
  1400.    Hb.Add("Pink", "#FFCBDB", {En:"Pink", Zh:"粉红"});
  1401.    Hb.Add("Camation", "#F95A61", {En:"Camation", Zh:"康乃馨红"});
  1402.    Hb.Add("Fuchsia", "#FF00FF", {En:"Fuchsia", Zh:"品红"});
  1403.    Hb.Add("Magenta", "#EF0090", {En:"Magenta", Zh:"洋红"});
  1404.    Hb.Add("SalmonPink", "#FF91A4", {En:"SalmonPink", Zh:"浅鲑红"});
  1405.    Hb.Add("DeepPink", "#FF1493", {En:"DeepPink", Zh:"深粉红"});
  1406.    Hb.Add("HollywodCerise", "#F400A1", {En:"HollywodCerise", Zh:"好莱坞樱桃色"});
  1407.    Hb.Add("HotPink", "#FF69B4", {En:"HotPink", Zh:"暖粉红"});
  1408.    Hb.Add("MediumPink", "#FFB6C1", {En:"MediumPink", Zh:"中粉红色"});
  1409.    Hb.Add("ShockingPink", "#FC0FC0", {En:"ShockingPink", Zh:"ShockingPink"});
  1410.    Hb.Add("CheeryBlossomPink", "#F6ADD6", {En:"CheeryBlossomPink", Zh:"CheeryBlossomPink"});
  1411.    Hb.Add("CoralPink", "#F88379", {En:"CoralPink", Zh:"浅珊瑚红"});
  1412.    
  1413.    Hb.Add("FrenchRose", "#F64A8A", {En:"FrenchRose", Zh:"法兰西玫瑰色"});
  1414.    Hb.Add("LavenderPink", "#FBAED2", {En:"LavenderPink", Zh:"浅薰衣草色"});
  1415.    Hb.Add("CarminePink", "#FE28A2", {En:"CarminePink", Zh:"浅胭脂红"});
  1416.    Hb.Add("CerisePink", "#EB4C42", {En:"CerisePink", Zh:"浅樱桃红"});
  1417.    Hb.Add("FuchisaPink", "#EC3B83", {En:"FuchisaPink", Zh:"浅品红"});
  1418.    Hb.Add("JapanesePink", "#EC3B83", {En:"JapanesePink", Zh:"日本粉红"});
  1419.    Hb.Add("PersianPink", "#F77FBE", {En:"PersianPink", Zh:"波斯粉红"});
  1420.    Hb.Add("DarkPink", "#E75480", {En:"DarkPink", Zh:"深粉红"});
  1421.    Hb.Add("HotMagenta", "#FF00CC", {En:"HotMagenta", Zh:"暖洋红"});
  1422.    Hb.Add("LavenderRose", "#FBA0E3", {En:"LavenderRose", Zh:"深薰衣草"});
  1423.    Hb.Add("Rose", "#FF007F", {En:"Rose", Zh:"玫瑰红"});
  1424.    
  1425.    Hb.Add("ThulianPink", "#DE6FA1", {En:"ThulianPink", Zh:"ThulianPink"});
  1426.    Hb.Add("Amaranth", "#E52B50", {En:"Amaranth", Zh:"紫红色"});
  1427.    Hb.Add("LightThulianPink", "#E68FAC", {En:"LightThulianPink", Zh:"LightThulianPink"});
  1428.    Hb.Add("Puce", "#CC8899", {En:"Puce", Zh:"红褐色"});
  1429.    Hb.Add("RosePink", "#FF66CC", {En:"RosePink", Zh:"红褐色"});
  1430.    Hb.Add("TeaRose", "#F4C2C2", {En:"TeaRose", Zh:"深茶色"});
  1431.    Hb.Add("AmaranthPink", "#F19CBB", {En:"AmaranthPink", Zh:"浅紫红色"});
  1432.    Hb.Add("BrinkPink", "#FB607F", {En:"BrinkPink", Zh:"BrinkPink"});
  1433.    Hb.Add("Cerise", "#DE3163", {En:"Cerise", Zh:"樱桃红"});
  1434.    Hb.Add("DeepCarminePink", "#EF3038", {En:"DeepCarminePink", Zh:"DeepCarminePink"});
  1435.    Hb.Add("UltraPink", "#FF6FFF", {En:"UltraPink", Zh:"浓粉红"});

  1436.    var sIdentifier = "Pink";
  1437.    sResult += fShowAncharNav(sIdentifier, "粉红色系");

  1438.    sResult+=fDisplay(Hb, sIdentifier);
  1439.    
  1440.    sResult+="<hr/>";
  1441.    
  1442.    Hb = null;
  1443.    
  1444.   return sResult;
  1445.  } // end function fPink
  1446.  
  1447.  function fBrown()
  1448.  {
  1449.   var sResult = "";
  1450.   var Hb = new HashTable();
  1451.   
  1452.    // 褐色系
  1453.    
  1454.    Hb.Add("Auburn", "#712F26", {En:"Auburn", Zh:"赤褐色"});
  1455.    Hb.Add("Bistre", "#3D2B1F", {En:"Bistre", Zh:"Bistre"});
  1456.    Hb.Add("Brown", "#964B00", {En:"Brown", Zh:"褐色"});
  1457.    Hb.Add("Buff", "#F0DC82", {En:"Buff", Zh:"暗黄色"});
  1458.    Hb.Add("Burgundy", "#900020", {En:"Burgundy", Zh:"勃艮第酒红"});
  1459.    Hb.Add("BurntSienna", "#E97451", {En:"BurntSienna", Zh:"燃黄褐色"});
  1460.    Hb.Add("BurntUmber", "#8A3324", {En:"BurntUmber", Zh:"燃棕色"});
  1461.    Hb.Add("Copper", "#B87333", {En:"Copper", Zh:"红铜色"});
  1462.    Hb.Add("Liver", "#534B4F", {En:"Liver", Zh:"脏红"});
  1463.    Hb.Add("Mahogany", "#C04000", {En:"Mahogany", Zh:"红褐色"});
  1464.    Hb.Add("Maroon", "#800000", {En:"Maroon", Zh:"栗色"});
  1465.    Hb.Add("Ochre", "#CC7722", {En:"Ochre", Zh:"赭色"});
  1466.    
  1467.    Hb.Add("PaleBrown", "#987654", {En:"PaleBrown", Zh:"灰褐色"});
  1468.    Hb.Add("RawUmber", "#734A12", {En:"RawUmber", Zh:"RawUmber"});
  1469.    Hb.Add("Russet", "#80461B", {En:"Russet", Zh:"黄褐色"});
  1470.    Hb.Add("Rust", "#B7410E", {En:"Rust", Zh:"铁锈红"});
  1471.    Hb.Add("SandyBrown", "#F4A460", {En:"SandyBrown", Zh:"浅褐色"});
  1472.    Hb.Add("SealBrown", "#321414", {En:"SealBrown", Zh:"SealBrown"});
  1473.    Hb.Add("Sepia", "#704214", {En:"Sepia", Zh:"乌贼墨色"});
  1474.    Hb.Add("Tan", "#D2B48C", {En:"Tan", Zh:"日晒色"});
  1475.    Hb.Add("Wheat", "#F5DEB3", {En:"Wheat", Zh:"小麦色"});
  1476.    Hb.Add("Zinnwaldite", "#EBC2AF", {En:"Zinnwaldite", Zh:"Zinnwaldite"});
  1477.    Hb.Add("Fallow", "#C19A6B", {En:"Fallow", Zh:"淡棕色"});
  1478.    Hb.Add("Bole", "#79443B", {En:"Bole", Zh:"玄红色"});
  1479.    
  1480.    Hb.Add("Taupe", "#483C32", {En:"Taupe", Zh:"暗灰褐色"});
  1481.    Hb.Add("MediumTaupe", "#674C47", {En:"MediumTaupe", Zh:"中暗灰褐色"});
  1482.    Hb.Add("PaleTaupe", "#BC987E", {En:"PaleTaupe", Zh:"灰暗灰褐色"});
  1483.    Hb.Add("DarkKhaki", "#BDB76B", {En:"DarkKhaki", Zh:"暗卡其色"});
  1484.    Hb.Add("Khaki", "#C3B091", {En:"Khaki", Zh:"卡其色"});
  1485.    Hb.Add("LightKhaki", "#F0E68C", {En:"LightKhaki", Zh:"亮卡其色"});
  1486.    Hb.Add("SandyTaupe", "#967117", {En:"SandyTaupe", Zh:"软暗灰褐色"});
  1487.    Hb.Add("Ecru", "#CDB891", {En:"Ecru", Zh:"淡褐色"});
  1488.    Hb.Add("Beige", "#F5F5DC", {En:"Beige", Zh:"棕色"});

  1489.    var sIdentifier = "Brown";
  1490.    sResult += fShowAncharNav(sIdentifier, "褐色系");

  1491.    sResult+=fDisplay(Hb, sIdentifier);
  1492.    
  1493.    sResult+="<hr/>";
  1494.    
  1495.    Hb = null;
  1496.    
  1497.   return sResult;
  1498.  } // end function fBrown
  1499.  
  1500.  function fGrey()
  1501.  {
  1502.   var sResult = "";
  1503.   var Hb = new HashTable();
  1504.   
  1505.    // 灰色系
  1506.    
  1507.    Hb.Add("Grey", "#808080", {En:"Grey", Zh:"灰色"});
  1508.    Hb.Add("Arsenic", "#3B444B", {En:"Arsenic", Zh:"砒霜"});
  1509.    Hb.Add("Bistre", "#3D2B1F", {En:"Bistre", Zh:"Bistre"});
  1510.    Hb.Add("Black", "#000000", {En:"Black", Zh:"黑色"});
  1511.    Hb.Add("Charcoal", "#464646", {En:"Charcoal", Zh:"深灰色"});
  1512.    Hb.Add("Davy'sGrey", "#788878", {En:"Davy'sGrey", Zh:"Davy'sGrey"});
  1513.    Hb.Add("Feldgrau", "#4D5D53", {En:"Feldgrau", Zh:"Feldgrau"});
  1514.    Hb.Add("Liver", "#534B4F", {En:"Liver", Zh:"脏红"});
  1515.    Hb.Add("Payne'sGrey", "#404048", {En:"Payne'sGrey", Zh:"佩恩灰"});
  1516.    Hb.Add("SealBrown", "#321414", {En:"SealBrown", Zh:"SealBrown"});
  1517.    
  1518.    Hb.Add("Silver", "#C0C0C0", {En:"Silver", Zh:"银色"});
  1519.    Hb.Add("SlateGrey", "#708090", {En:"SlateGrey", Zh:"岩灰"});
  1520.    Hb.Add("Taupe", "#483C32", {En:"Taupe", Zh:"暗灰褐色"});
  1521.    Hb.Add("PurpleTaupe", "#50404D", {En:"PurpleTaupe", Zh:"紫暗灰褐色"});
  1522.    Hb.Add("MediumTaupe", "#674C47", {En:"MediumTaupe", Zh:"中暗灰褐色"});
  1523.    Hb.Add("TaupeGrey", "#8B8589", {En:"TaupeGrey", Zh:"浅暗灰褐色"});
  1524.    Hb.Add("PaleTaupe", "#BC987E", {En:"PaleTaupe", Zh:"灰暗灰褐色"});
  1525.    Hb.Add("White", "#FFFFFF", {En:"White", Zh:"白色"});
  1526.    
  1527.    //追加
  1528.    Hb.Add("DarkGray", "#1A1A1A", {En:"DarkGray", Zh:"暗灰"});
  1529.    Hb.Add("CharcoalGray", "#333333", {En:"CharcoalGray", Zh:"炭灰"});
  1530.    Hb.Add("DimGray", "#4D4D4D", {En:"DimGray", Zh:"昏灰"});
  1531.    Hb.Add("Gray60Perc", "#666666", {En:"Gray60Perc", Zh:"六十度灰"});
  1532.    Hb.Add("Gray50Perc", "#808080", {En:"Gray50Perc", Zh:"五十度灰"});
  1533.    Hb.Add("Gray40Perc", "#999999", {En:"Gray40Perc", Zh:"四十度灰"});
  1534.    Hb.Add("Gray30Perc", "#B3B3B3", {En:"Gray30Perc", Zh:"三十度灰"});
  1535.    Hb.Add("Gray20Perc", "#CCCCCC", {En:"Gray20Perc", Zh:"二十度灰"});
  1536.    Hb.Add("Gray10Perc", "#E6E6E6", {En:"Gray10Perc", Zh:"十度灰"});

  1537.    var sIdentifier = "Grey";
  1538.    sResult += fShowAncharNav(sIdentifier, "灰色系");

  1539.    sResult+=fDisplay(Hb, sIdentifier);
  1540.    
  1541.    sResult+="<hr/>";
  1542.    
  1543.    Hb = null;
  1544.    
  1545.   return sResult;
  1546.  } // end function fGrey
  1547.  
  1548.  function fWhite()
  1549.  {
  1550.   var sResult = "";
  1551.  
  1552.   var Hb = new HashTable();
  1553.  
  1554.    // 白色系
  1555.    
  1556.    Hb.Add("White", "#FFFFFF", {En:"White", Zh:"白色"});
  1557.    Hb.Add("Cream", "#FFFDD0", {En:"Cream", Zh:"奶油色"});
  1558.    Hb.Add("CosmicLatte", "#FFF8E7", {En:"CosmicLatte", Zh:"CosmicLatte"});
  1559.    Hb.Add("Ivory", "#FFFFF0", {En:"Ivory", Zh:"象牙色"});
  1560.    Hb.Add("Magnolia", "#F8F4FF", {En:"Magnolia", Zh:"木兰色"});
  1561.    Hb.Add("OldLace", "#FDF5E6", {En:"OldLace", Zh:"深蕾丝色"});
  1562.    Hb.Add("Seashell", "#FFF5EE", {En:"Seashell", Zh:"海贝色"});

  1563.    var sIdentifier = "White";
  1564.    sResult += fShowAncharNav(sIdentifier, "白色系");
  1565.    
  1566.    sResult+=fDisplay(Hb, sIdentifier);
  1567.    
  1568.    sResult+="<hr/>";
  1569.    
  1570.    Hb = null;
  1571.    
  1572.   return sResult;
  1573.  } // end function fWhite
  1574.  
  1575.  
  1576.  function fWeb()
  1577.  {
  1578.   var sResult = "";
  1579.   var Hb = new HashTable();
  1580.   
  1581.    // Web
  1582.    Hb.Add("LightGray", "#D3D3D3", {En:"LightGray", Zh:"亮灰"});
  1583.    Hb.Add("Gainsboro", "#DCDCDC", {En:"Gainsboro", Zh:"庚斯博罗灰"});
  1584.    Hb.Add("WhiteSmoke", "#DCDCDC", {En:"WhiteSmoke", Zh:"白烟色"});
  1585.    Hb.Add("Snow", "#FFFAFA", {En:"Snow", Zh:"雪色"});
  1586.    Hb.Add("RosyBrown", "#BC8F8F", {En:"RosyBrown", Zh:"玫瑰褐"});
  1587.    Hb.Add("IndianRed", "#CD5C5C", {En:"IndianRed", Zh:"印度红"});
  1588.    Hb.Add("FireBrick", "#B22222", {En:"FireBrick", Zh:"耐火砖红"});
  1589.    Hb.Add("DarkRed", "#8B0000", {En:"DarkRed", Zh:"暗红"});
  1590.    Hb.Add("MistyRose", "#FFE4E1", {En:"MistyRose", Zh:"雾玫瑰色"});
  1591.    Hb.Add("Tomato", "#FF6347", {En:"Tomato", Zh:"番茄红"});
  1592.    Hb.Add("Sienna", "#A0522D", {En:"Sienna", Zh:"黄土赭"});
  1593.    Hb.Add("SaddleBrown", "#8B4513", {En:"SaddleBrown", Zh:"鞍褐"});
  1594.    Hb.Add("Chocolate", "#D2691E", {En:"Chocolate", Zh:"巧克力色"});
  1595.    Hb.Add("PeachPuff", "#FFDAB9", {En:"PeachPuff", Zh:"粉扑桃色"});
  1596.    Hb.Add("Bronze", "#B87333", {En:"Bronze", Zh:"古铜色"});
  1597.    Hb.Add("Linen", "#FAF0E6", {En:"Linen", Zh:"亚麻色"});
  1598.    Hb.Add("Peru", "#CD853F", {En:"Peru", Zh:"秘鲁色"});
  1599.    Hb.Add("Bisque", "#FFE4C4", {En:"Bisque", Zh:"陶坯黄"});
  1600.    Hb.Add("DarkOrange", "#FF8C00", {En:"DarkOrange", Zh:"暗橙"});
  1601.    Hb.Add("AntiqueWhite", "#FAEBD7", {En:"AntiqueWhite", Zh:"古董白"});
  1602.    Hb.Add("Tan", "#D2B48C", {En:"Tan", Zh:"日晒色"});
  1603.    Hb.Add("BurlyWood", "#DEB887", {En:"BurlyWood", Zh:"硬木色"});
  1604.    Hb.Add("BlanchedAlmond", "#FFEBCD", {En:"BlanchedAlmond", Zh:"杏仁白"});
  1605.    Hb.Add("NavajoWhite", "#FFDEAD", {En:"NavajoWhite", Zh:"那瓦霍白"});
  1606.    Hb.Add("PaleOcre", "#CCB38C", {En:"PaleOcre", Zh:"灰土色"});
  1607.    Hb.Add("Moccasin", "#FFE4B5", {En:"Moccasin", Zh:"鹿皮鞋色"});
  1608.    Hb.Add("FloralWhite", "#FFFAF0", {En:"FloralWhite", Zh:"花卉白"});
  1609.    Hb.Add("Coffee", "#4D3900", {En:"Coffee", Zh:"咖啡色"});
  1610.    Hb.Add("Comsilk", "#FFF8DC", {En:"Comsilk", Zh:"玉米丝色"});
  1611.    Hb.Add("PaleGoldenrod", "#EEE8AA", {En:"PaleGoldenrod", Zh:"灰金菊色"});
  1612.    Hb.Add("Ivory", "#FFFFF0", {En:"Ivory", Zh:"象牙色"});
  1613.    Hb.Add("LightYellow", "#FFFFE0", {En:"LightYellow", Zh:"亮黄"});
  1614.    Hb.Add("LightGoldenrodYellow", "#FAFAD2", {En:"LightGoldenrodYellow", Zh:"亮金菊黄"});
  1615.    Hb.Add("DarkOliveGreen", "#556B2F", {En:"DarkOliveGreen", Zh:"暗橄榄绿"});
  1616.    Hb.Add("LawnGreen", "#7CFC00", {En:"LawnGreen", Zh:"草坪绿"});
  1617.    Hb.Add("Honeydew", "#F0FFF0", {En:"Honeydew", Zh:"密瓜绿"});
  1618.    Hb.Add("DarkSeaGreen", "#8FBC8F", {En:"DarkSeaGreen", Zh:"暗海绿"});
  1619.    Hb.Add("PaleGreen", "#98FB98", {En:"PaleGreen", Zh:"灰绿"});
  1620.    Hb.Add("HorizonBlue", "#A6FFCC", {En:"HorizonBlue", Zh:"苍蓝"});
  1621.    Hb.Add("MediumSeaGreen", "#3CB371", {En:"MediumSeaGreen", Zh:"中海绿"});
  1622.    Hb.Add("MintCream", "#F5FFFA", {En:"MintCream", Zh:"薄荷奶油色"});
  1623.    
  1624.    Hb.Add("MediumSpringGreen", "#00FA9A", {En:"MediumSpringGreen", Zh:"中春绿色"});
  1625.    Hb.Add("MediumAquamarine", "#66CDAA", {En:"MediumAquamarine", Zh:"中碧蓝色"});
  1626.    Hb.Add("TurquoiseBlue", "#33E6CC", {En:"TurquoiseBlue", Zh:"绿松石蓝"});
  1627.    Hb.Add("Turquoise", "#30D5C8", {En:"Turquoise", Zh:"绿松石色"});
  1628.    Hb.Add("LightSeaGreen", "#30D5C8", {En:"LightSeaGreen", Zh:"亮海绿"});
  1629.    Hb.Add("MediumTurquoise", "#48D1CC", {En:"MediumTurquoise", Zh:"中绿松石色"});
  1630.    Hb.Add("LightCyan", "#E0FFFF", {En:"LightCyan", Zh:"亮青"});
  1631.    Hb.Add("PaleTurquoise", "#AFEEEE", {En:"PaleTurquoise", Zh:"灰绿松石色"});
  1632.    Hb.Add("DarkSlateGray", "#2F4F4F", {En:"DarkSlateGray", Zh:"暗岩灰"});
  1633.    Hb.Add("DarkCyan", "#008B8B", {En:"DarkCyan", Zh:"暗青"});
  1634.    Hb.Add("DarkTurquoise", "#00CED1", {En:"DarkTurquoise", Zh:"暗绿松石色"});
  1635.    Hb.Add("CadetBlue", "#5F9EA0", {En:"CadetBlue", Zh:"军服蓝"});
  1636.    Hb.Add("PowderBlue", "#B0E0E6", {En:"PowderBlue", Zh:"婴儿粉蓝"});
  1637.    Hb.Add("StrongBlue", "#006374", {En:"StrongBlue", Zh:"浓蓝"});
  1638.    Hb.Add("DarpSkyBlue", "#00BFFF", {En:"DarpSkyBlue", Zh:"深天蓝"});
  1639.    Hb.Add("LightSkyBlue", "#87CEFA", {En:"LightSkyBlue", Zh:"亮天蓝"});
  1640.    Hb.Add("SlateGray", "#708090", {En:"SlateGray", Zh:"岩灰"});
  1641.    
  1642.    Hb.Add("LightSlateGray", "#778899", {En:"LightSlateGray", Zh:"亮岩灰"});
  1643.    Hb.Add("GhostWhite", "#F8F8FF", {En:"GhostWhite", Zh:"幽灵白"});
  1644.    Hb.Add("DarkSlateBlue", "#483D8B", {En:"DarkSlateBlue", Zh:"暗岩蓝"});
  1645.    Hb.Add("MediumSlateBlue", "#7B68EE", {En:"MediumSlateBlue", Zh:"岩蓝"});
  1646.    Hb.Add("MediumPurple", "#9370DB", {En:"MediumPurple", Zh:"中紫红"});
  1647.    Hb.Add("DarkOrchid", "#9932CC", {En:"DarkOrchid", Zh:"暗兰紫"});
  1648.    Hb.Add("DarkViolet", "#9400D3", {En:"DarkViolet", Zh:"暗紫"});
  1649.    Hb.Add("Plum", "#DDA0DD", {En:"Plum", Zh:"亮紫"});
  1650.    Hb.Add("DarkMagenta", "#8B008B", {En:"DarkMagenta", Zh:"暗洋红"});
  1651.    Hb.Add("MediumVioletRed", "#C71585", {En:"MediumVioletRed", Zh:"中青紫红"});
  1652.    Hb.Add("RoseRed", "#FF0DA6", {En:"RoseRed", Zh:"玫瑰红"});
  1653.    Hb.Add("PaleVioletRed", "#DB7093", {En:"PaleVioletRed", Zh:"灰紫红"});
  1654.    Hb.Add("LightPink", "#FFB6C1", {En:"LightPink", Zh:"亮粉红"});

  1655.    var sIdentifier = "Web";
  1656.    sResult += fShowAncharNav(sIdentifier, "Web色");

  1657.    sResult+=fDisplay(Hb, sIdentifier);
  1658.    
  1659.    sResult+="<hr/>";
  1660.    
  1661.    Hb = null;
  1662.    
  1663.   return sResult;
  1664.  } // end function fWeb
  1665.  
  1666.  
  1667.  function fJpRedViolet()
  1668.  {
  1669.   var sResult = "";
  1670.   var Hb = new HashTable();
  1671.   
  1672.    // JpRedViolet
  1673.    Hb.Add("Ikkonzome", "#F08F90", {En:"Ikkonzome", Zh:"一斤染"});
  1674.    Hb.Add("Momo-iro", "#F47983", {En:"Momo-iro", Zh:"桃色"});
  1675.    Hb.Add("Kōbai-iro", "#DB5A6B", {En:"Kōbai-iro", Zh:"紅梅色"});
  1676.    Hb.Add("Nakabeni", "#C93756", {En:"Nakabeni", Zh:"中紅"});
  1677.    Hb.Add("Sakura-iro", "#FCC9B9", {En:"Sakura-iro", Zh:"桜色"});
  1678.    Hb.Add("Arazome", "#FFB3A7", {En:"Arazome", Zh:"退紅"});
  1679.    Hb.Add("Usubeni", "#F2666C", {En:"Usubeni", Zh:"薄紅"});

  1680.    var sIdentifier = "JpRedViolet";
  1681.    sResult += fShowAncharNav(sIdentifier, "Jp红紫");

  1682.    sResult+=fDisplay(Hb, sIdentifier);
  1683.    
  1684.    sResult+="<hr/>";
  1685.    
  1686.    Hb = null;
  1687.    
  1688.   return sResult;
  1689.  } // end function fJpRedViolet


  1690.  function fJpRed()
  1691.  {
  1692.   var sResult = "";
  1693.   var Hb = new HashTable();
  1694.   
  1695.    // JpRed
  1696.    Hb.Add("Tokiha-iro", "#F58F84", {En:"Tokiha-iro", Zh:"鴇羽色"});
  1697.    Hb.Add("Sakuranezumi", "#AC8181", {En:"Sakuranezumi", Zh:"桜鼠"});
  1698.    Hb.Add("Chōshun-iro", "#B95754", {En:"Chōshun-iro", Zh:"長春色"});
  1699.    Hb.Add("Karakurenai", "#C91F37", {En:"Karakurenai", Zh:"韓紅花"});
  1700.    Hb.Add("Enji-iro", "#9D2933", {En:"Enji-iro", Zh:"臙脂色"});
  1701.    Hb.Add("Kokiake", "#7B3B3A", {En:"Kokiake", Zh:"深緋"});
  1702.    Hb.Add("Jinzamomi", "#F7665A", {En:"Jinzamomi", Zh:"甚三紅"});
  1703.    Hb.Add("Mizugaki", "#B56C60", {En:"Mizugaki", Zh:"水がき"});
  1704.    Hb.Add("Umenezumi", "#97645A", {En:"Umenezumi", Zh:"梅鼠"});
  1705.    Hb.Add("Suōkō", "#A24F46", {En:"Suōkō", Zh:"蘇芳香"});
  1706.    Hb.Add("Akabeni", "#C3272B", {En:"Akabeni", Zh:"赤紅"});
  1707.    Hb.Add("Shinshu", "#8F1D21", {En:"Shinshu", Zh:"真朱"});
  1708.    Hb.Add("Azuki-iro", "#672422", {En:"Azuki-iro", Zh:"小豆色"});
  1709.    Hb.Add("Ginshu", "#BC2D29", {En:"Ginshu", Zh:"銀朱"});
  1710.    Hb.Add("Ebicha", "#5E2824", {En:"Ebicha", Zh:"海老茶"});
  1711.    Hb.Add("Kiriume", "#8B352D", {En:"Kiriume", Zh:"栗梅"});
  1712.    Hb.Add("Akebono-iro", "#FA7B62", {En:"Akebono-iro", Zh:"曙色"});
  1713.    Hb.Add("Sangoshu-iro", "#F8674F", {En:"Sangoshu-iro", Zh:"珊瑚珠色"});
  1714.    Hb.Add("Shōjōhi", "#DC3023", {En:"Shōjōhi", Zh:"猩猩緋"});
  1715.    Hb.Add("Shikancha", "#AB4C3D", {En:"Shikancha", Zh:"芝翫茶"});
  1716.    Hb.Add("Kakishibu-iro", "#934337", {En:"Kakishibu-iro", Zh:"柿渋色"});
  1717.    Hb.Add("Benikaba", "#9D2B22", {En:"Benikaba", Zh:"紅樺"});
  1718.    Hb.Add("Benitobi", "#913228", {En:"Benitobi", Zh:"紅鳶"});
  1719.    Hb.Add("Benihibata", "#6F3028", {En:"Benihibata", Zh:"紅檜皮"});
  1720.    Hb.Add("Kurotobi", "#351E1C", {En:"Kurotobi", Zh:"黒鳶"});
  1721.    Hb.Add("Benihi", "#F35336", {En:"Benihi", Zh:"紅緋"});
  1722.    Hb.Add("Terigaki", "#D34E36", {En:"Terigaki", Zh:"照柿"});
  1723.    Hb.Add("Ake", "#CF3A24", {En:"Ake", Zh:"緋"});
  1724.    Hb.Add("Edocha", "#A13D2D", {En:"Edocha", Zh:"江戸茶"});
  1725.    Hb.Add("Bengara-iro", "#913225", {En:"Bengara-iro", Zh:"紅柄色"});
  1726.    Hb.Add("Hihada-iro", "#752E23", {En:"Hihada-iro", Zh:"檜皮色"});
  1727.    Hb.Add("Shishi-iro", "#F9906F", {En:"Shishi-iro", Zh:"宍色"});
  1728.    Hb.Add("Araishu", "#FF7952", {En:"Araishu", Zh:"洗朱"});
  1729.    Hb.Add("Akakō-iro", "#F07F5E", {En:"Akakō-iro", Zh:"赤香色"});
  1730.    Hb.Add("Tokigaracha", "#E68364", {En:"Tokigaracha", Zh:"ときがら茶"});
  1731.    Hb.Add("Ōtan", "#FF4E20", {En:"Ōtan", Zh:"黄丹"});
  1732.    Hb.Add("Sohi", "#E35C38", {En:"Sohi", Zh:"蘇比"});
  1733.    Hb.Add("Enshūcha", "#CB6649", {En:"Enshūcha", Zh:"遠州茶"});
  1734.    Hb.Add("Karacha", "#B35C44", {En:"Karacha", Zh:"唐茶"});
  1735.    Hb.Add("Kabacha", "#B14A30", {En:"Kabacha", Zh:"樺茶"});
  1736.    Hb.Add("Sōdenkaracha", "#9B533F", {En:"Sōdenkaracha", Zh:"宗傳唐茶"});
  1737.    Hb.Add("Suzumecha", "#8C4736", {En:"Suzumecha", Zh:"雀茶"});
  1738.    Hb.Add("Kurikawacha", "#60281E", {En:"Kurikawacha", Zh:"栗皮茶"});
  1739.    Hb.Add("Momoshiocha", "#542D24", {En:"Momoshiocha", Zh:"百塩茶"});
  1740.    Hb.Add("Tobi-iro", "#4C221B", {En:"Tobi-iro", Zh:"鳶色"});

  1741.    var sIdentifier = "JpRed";
  1742.    sResult += fShowAncharNav(sIdentifier, "Jp红");

  1743.    sResult+=fDisplay(Hb, sIdentifier);
  1744.    
  1745.    sResult+="<hr/>";
  1746.    
  1747.    Hb = null;
  1748.    
  1749.   return sResult;
  1750.  } // end function fJpRed

  1751.  function fJpYellowRed()
  1752.  {
  1753.   var sResult = "";
  1754.   var Hb = new HashTable();
  1755.   
  1756.    // JpYellowRed
  1757.    Hb.Add("Kurumizome", "#9F7462", {En:"Kurumizome", Zh:"胡桃染"});
  1758.    Hb.Add("Kaba-iro", "#B64925", {En:"Kaba-iro", Zh:"蒲色"});
  1759.    Hb.Add("Kōrozen", "#592B1F", {En:"Kōrozen", Zh:"黄櫨染"});
  1760.    Hb.Add("Kogecha", "#351F19", {En:"Kogecha", Zh:"焦茶"});
  1761.    Hb.Add("Kokikuchinashi", "#F57F4F", {En:"Kokikuchinashi", Zh:"深支子"});
  1762.    Hb.Add("Araigaki", "#EC8254", {En:"Araigaki", Zh:"洗柿"});
  1763.    Hb.Add("Taisha-iro", "#9F5233", {En:"Taisha-iro", Zh:"代赭色"});
  1764.    Hb.Add("Akashirotsurubami", "#EC956C", {En:"Akashirotsurubami", Zh:"赤白橡"});
  1765.    Hb.Add("Tonocha", "#985538", {En:"Tonocha", Zh:"礪茶"});
  1766.    Hb.Add("Sencha-iro", "#824B35", {En:"Sencha-iro", Zh:"煎茶色"});
  1767.    Hb.Add("Sharegaki", "#FFA26B", {En:"Sharegaki", Zh:"洒落柿"});
  1768.    Hb.Add("Usugaki", "#FCA474", {En:"Usugaki", Zh:"薄柿"});
  1769.    Hb.Add("Kanzō-iro", "#FF8936", {En:"Kanzō-iro", Zh:"萱草色"});
  1770.    Hb.Add("Umezome", "#FA9258", {En:"Umezome", Zh:"梅染"});
  1771.    Hb.Add("Beniukon", "#FB8136", {En:"Beniukon", Zh:"紅鬱金"});
  1772.    Hb.Add("Chōjicha", "#8F583C", {En:"Chōjicha", Zh:"丁子茶"});
  1773.    Hb.Add("Kenpōzome", "#2E211B", {En:"Kenpōzome", Zh:"憲法染"});
  1774.    Hb.Add("Biwacha", "#AB6134", {En:"Biwacha", Zh:"枇杷茶"});
  1775.    Hb.Add("Kohaku-iro", "#CA6924", {En:"Kohaku-iro", Zh:"琥珀色"});
  1776.    Hb.Add("Usukō", "#FFA565", {En:"Usukō", Zh:"淡香"});
  1777.    Hb.Add("Kuchiba-iro", "#FFA565", {En:"Kuchiba-iro", Zh:"朽葉色"});
  1778.    Hb.Add("Kincha", "#C66B27", {En:"Kincha", Zh:"金茶"});
  1779.    Hb.Add("Chōjizome", "#C66B27", {En:"Chōjizome", Zh:"丁子染"});
  1780.    Hb.Add("Kitsune-iro", "#985629", {En:"Kitsune-iro", Zh:"狐色"});
  1781.    Hb.Add("Fushizome", "#8C5939", {En:"Fushizome", Zh:"柴染"});
  1782.    Hb.Add("Kyara-iro", "#6A432D", {En:"Kyara-iro", Zh:"伽羅色"});
  1783.    Hb.Add("Susutake-iro", "#593A27", {En:"Susutake-iro", Zh:"煤竹色"});
  1784.    Hb.Add("Shiracha", "#C48E69", {En:"Shiracha", Zh:"白茶"});
  1785.    Hb.Add("Ōdo-iro", "#BE7F51", {En:"Ōdo-iro", Zh:"黄土色"});
  1786.    Hb.Add("Kinsusutake", "#7D4E2D", {En:"Kinsusutake", Zh:"銀煤竹"});
  1787.    Hb.Add("Kigaracha", "#B7702D", {En:"Kigaracha", Zh:"黄唐茶"});
  1788.    Hb.Add("Kobicha", "#6B4423", {En:"Kobicha", Zh:"媚茶"});

  1789.    var sIdentifier = "JpYellowRed";
  1790.    sResult += fShowAncharNav(sIdentifier, "Jp黄红");

  1791.    sResult+=fDisplay(Hb, sIdentifier);
  1792.    
  1793.    sResult+="<hr/>";
  1794.    
  1795.    Hb = null;
  1796.    
  1797.   return sResult;
  1798.  } // end function fJpYellowRed
  1799.  
  1800.  
  1801.  function fJpYellow()
  1802.  {
  1803.   var sResult = "";
  1804.   var Hb = new HashTable();
  1805.   
  1806.    // JpYellow
  1807.    Hb.Add("Usuki", "#F7BB7D", {En:"Usuki", Zh:"浅黄"});
  1808.    Hb.Add("Yamabuki-iro", "#FFA400", {En:"Yamabuki-iro", Zh:"山吹色"});
  1809.    Hb.Add("Tamago-iro", "#FFA631", {En:"Tamago-iro", Zh:"玉子色"});
  1810.    Hb.Add("Hajizome", "#E08A1E", {En:"Hajizome", Zh:"櫨染"});
  1811.    Hb.Add("Yamabukicha", "#CB7E1F", {En:"Yamabukicha", Zh:"山吹茶"});
  1812.    Hb.Add("Kuwazome", "#C57F2E", {En:"Kuwazome", Zh:"桑染"});
  1813.    Hb.Add("Namakabe-iro", "#785E49", {En:"Namakabe-iro", Zh:"生壁色"});
  1814.    Hb.Add("Kuchinashi", "#FFB95A", {En:"Kuchinashi", Zh:"支子"});
  1815.    Hb.Add("Tōmorokoshi-iro", "#FAA945", {En:"Tōmorokoshi-iro", Zh:"玉蜀黍色"});
  1816.    Hb.Add("Shirotsurubami", "#CE9F6F", {En:"Shirotsurubami", Zh:"白橡"});
  1817.    Hb.Add("Kitsurubami", "#BB8141", {En:"Kitsurubami", Zh:"黄橡"});
  1818.    Hb.Add("Tō'ō", "#FFB61E", {En:"Tō'ō", Zh:"藤黄"});
  1819.    Hb.Add("Hanaba-iro", "#FFB94E", {En:"Hanaba-iro", Zh:"花葉色"});
  1820.    Hb.Add("Torinoko-iro", "#E2BE9F", {En:"Torinoko-iro", Zh:"鳥の子色"});
  1821.    Hb.Add("Ukon-iro", "#E69B3A", {En:"Ukon-iro", Zh:"鬱金色"});
  1822.    Hb.Add("Kikuchiba", "#E29C45", {En:"Kikuchiba", Zh:"黄朽葉"});
  1823.    Hb.Add("Rikyūshiracha", "#B0927A", {En:"Rikyūshiracha", Zh:"利休白茶"});
  1824.    Hb.Add("Rikyūcha", "#826B58", {En:"Rikyūcha", Zh:"利休茶"});
  1825.    Hb.Add("Aku-iro", "#7F6B5D", {En:"Aku-iro", Zh:"灰汁色"});
  1826.    Hb.Add("Higosusutake", "#7F5D3B", {En:"Higosusutake", Zh:"肥後煤竹"});
  1827.    Hb.Add("Rokōcha", "#665343", {En:"Rokōcha", Zh:"路考茶"});
  1828.    Hb.Add("Mirucha", "#4C3D30", {En:"Mirucha", Zh:"海松茶"});
  1829.    Hb.Add("Nataneyu-iro", "#A17917", {En:"Nataneyu-iro", Zh:"菜種油色"});
  1830.    Hb.Add("Kimirucha", "#896C39", {En:"Kimirucha", Zh:"黄海松茶"});
  1831.    Hb.Add("Uguisucha", "#5C4827", {En:"Uguisucha", Zh:"鶯茶"});
  1832.    Hb.Add("Nanohanacha", "#E3B130", {En:"Nanohanacha", Zh:"菜の花色"});
  1833.    Hb.Add("Kariyasu", "#E2B13C", {En:"Kariyasu", Zh:"苅安"});
  1834.    Hb.Add("Kihada", "#F3C13A", {En:"Kihada", Zh:"黄蘗"});
  1835.    Hb.Add("Mushikuri-iro", "#D3B17D", {En:"Mushikuri-iro", Zh:"蒸栗色"});
  1836.    Hb.Add("Aokuchiba", "#AA8736", {En:"Aokuchiba", Zh:"青朽葉"});
  1837.    Hb.Add("Hiwacha", "#957B38", {En:"Hiwacha", Zh:"鶸茶"});
  1838.    Hb.Add("Ominaeshi", "#D9B611", {En:"Ominaeshi", Zh:"女郎花"});
  1839.    Hb.Add("Uguisu-iro", "#645530", {En:"Uguisu-iro", Zh:"鶯色"});

  1840.    var sIdentifier = "JpYellow";
  1841.    sResult += fShowAncharNav(sIdentifier, "Jp黄");

  1842.    sResult+=fDisplay(Hb, sIdentifier);
  1843.    
  1844.    sResult+="<hr/>";
  1845.    
  1846.    Hb = null;
  1847.    
  1848.   return sResult;
  1849.  } // end function fJpYellow
  1850.  
  1851.  
  1852.  function fJpYellowGreen()
  1853.  {
  1854.   var sResult = "";
  1855.   var Hb = new HashTable();
  1856.   
  1857.    // JpYellowGreen
  1858.    Hb.Add("Hiwa-iro", "#BDA928", {En:"Hiwa-iro", Zh:"鶸色"});
  1859.    Hb.Add("Aoshiroturubami", "#BBA46D", {En:"Aoshiroturubami", Zh:"青白橡"});
  1860.    Hb.Add("Yanagicha", "#9C8A4D", {En:"Yanagicha", Zh:"柳茶"});
  1861.    Hb.Add("Rikancha", "#534A32", {En:"Rikancha", Zh:"璃寛茶"});
  1862.    Hb.Add("Aikobicha", "#473F2D", {En:"Aikobicha", Zh:"藍媚茶"});
  1863.    Hb.Add("Koke-iro", "#8B7D3A", {En:"Koke-iro", Zh:"苔色"});
  1864.    Hb.Add("Miru-iro", "#524B2A", {En:"Miru-iro", Zh:"海松色"});
  1865.    Hb.Add("Sensaicha", "#3B3429", {En:"Sensaicha", Zh:"千歳茶"});
  1866.    Hb.Add("Baikōcha", "#857C55", {En:"Baikōcha", Zh:"梅幸茶"});
  1867.    Hb.Add("Iwaicha", "#5E5545", {En:"Iwaicha", Zh:"岩井茶"});
  1868.    Hb.Add("Hiwamoegi", "#7A942E", {En:"Hiwamoegi", Zh:"鶸萌黄"});
  1869.    Hb.Add("Yanagisusutake", "#4D4B3A", {En:"Yanagisusutake", Zh:"柳煤竹"});
  1870.    Hb.Add("Urayanagi", "#BCB58C", {En:"Urayanagi", Zh:"裏柳"});
  1871.    Hb.Add("Usumoegi", "#8DB255", {En:"Usumoegi", Zh:"淡萌黄"});
  1872.    Hb.Add("Yanagizome", "#8C9E5E", {En:"Yanagizome", Zh:"柳染"});
  1873.    Hb.Add("Moegi", "#5B8930", {En:"Moegi", Zh:"萌黄"});
  1874.    Hb.Add("Aoni", "#52593B", {En:"Aoni", Zh:"青丹"});
  1875.    Hb.Add("Matsuba-iro", "#454D32", {En:"Matsuba-iro", Zh:"松葉色"});

  1876.    var sIdentifier = "JpYellowGreen";
  1877.    sResult += fShowAncharNav(sIdentifier, "Jp黄绿");

  1878.    sResult+=fDisplay(Hb, sIdentifier);
  1879.    
  1880.    sResult+="<hr/>";
  1881.    
  1882.    Hb = null;
  1883.    
  1884.   return sResult;
  1885.  } // end function fJpYellowGreen
  1886.  
  1887.  
  1888.  function fJpGreen()
  1889.  {
  1890.   var sResult = "";
  1891.   var Hb = new HashTable();
  1892.   
  1893.    // JpGreen
  1894.    Hb.Add("Usuao", "#8C9C76", {En:"Usuao", Zh:"薄青"});
  1895.    Hb.Add("Wakatake-iro", "#6B9362", {En:"Wakatake-iro", Zh:"若竹色"});
  1896.    Hb.Add("Yanaginezumi", "#817B69", {En:"Yanaginezumi", Zh:"柳鼠"});
  1897.    Hb.Add("Oitake-iro", "#5E644F", {En:"Oitake-iro", Zh:"老竹色"});
  1898.    Hb.Add("Sensaimidori", "#374231", {En:"Sensaimidori", Zh:"千歳緑"});
  1899.    Hb.Add("Midori", "#2A603B", {En:"Midori", Zh:"緑"});
  1900.    Hb.Add("Byakuroku", "#A5BA93", {En:"Byakuroku", Zh:"白緑"});
  1901.    Hb.Add("Sabiseiji", "#898A74", {En:"Sabiseiji", Zh:"錆青磁"});
  1902.    Hb.Add("Rokushō", "#407A52", {En:"Rokushō", Zh:"緑青"});
  1903.    Hb.Add("Tokusa-iro", "#3D5D42", {En:"Tokusa-iro", Zh:"木賊色"});
  1904.    Hb.Add("Onandocha", "#3D4035", {En:"Onandocha", Zh:"御納戸茶"});
  1905.    Hb.Add("Aotake-iro", "#006442", {En:"Aotake-iro", Zh:"青竹色"});
  1906.    Hb.Add("Rikyūnezumi", "#656255", {En:"Rikyūnezumi", Zh:"利休鼠"});
  1907.    Hb.Add("Birōdo", "#224634", {En:"Birōdo", Zh:"びろうど"});
  1908.    Hb.Add("Mushiao", "#2D4436", {En:"Mushiao", Zh:"虫襖"});
  1909.    Hb.Add("Aimirucha", "#2E372E", {En:"Aimirucha", Zh:"藍海松茶"});
  1910.    Hb.Add("Tonocha", "#5A6457", {En:"Tonocha", Zh:"沈香茶"});
  1911.    Hb.Add("Mizuasagi", "#749F8D", {En:"Mizuasagi", Zh:"水浅葱"});
  1912.    Hb.Add("Seiji-iro", "#819C8B", {En:"Seiji-iro", Zh:"青磁色"});
  1913.    Hb.Add("Seiheki", "#3A6960", {En:"Seiheki", Zh:"青碧"});
  1914.    Hb.Add("Sabitetsuonando", "#3A403B", {En:"Sabitetsuonando", Zh:"錆鉄御納戸"});
  1915.    Hb.Add("Tetsu-iro", "#2B3733", {En:"Tetsu-iro", Zh:"鉄色"});
  1916.    Hb.Add("Omeshicha", "#354E4B", {En:"Omeshicha", Zh:"御召茶"});
  1917.    Hb.Add("Kōrainando", "#203838", {En:"Kōrainando", Zh:"高麗納戸"});

  1918.    var sIdentifier = "JpGreen";
  1919.    sResult += fShowAncharNav(sIdentifier, "Jp绿");

  1920.    sResult+=fDisplay(Hb, sIdentifier);
  1921.    
  1922.    sResult+="<hr/>";
  1923.    
  1924.    Hb = null;
  1925.    
  1926.   return sResult;
  1927.  } // end function fJpGreen
  1928.  
  1929.  function fJpBlueViolet()
  1930.  {
  1931.   var sResult = "";
  1932.   var Hb = new HashTable();
  1933.   
  1934.    // JpBlueViolet
  1935.    Hb.Add("Minatonezumi", "#757D75", {En:"Minatonezumi", Zh:"湊鼠"});
  1936.    Hb.Add("Aonibi", "#4F4944", {En:"Aonibi", Zh:"青鈍"});
  1937.    Hb.Add("Testuonando", "#2B3736", {En:"Testuonando", Zh:"鉄御納戸"});
  1938.    Hb.Add("Mizu-iro", "#86ABA5", {En:"Mizu-iro", Zh:"水色"});
  1939.    Hb.Add("Sabiasagi", "#6A7F7A", {En:"Sabiasagi", Zh:"錆浅葱"});
  1940.    Hb.Add("Kamenozoki", "#C6C2B6", {En:"Kamenozoki", Zh:"瓶覗"});
  1941.    Hb.Add("Asagi-iro", "#48929B", {En:"Asagi-iro", Zh:"浅葱色"});
  1942.    Hb.Add("Shinbashi-iro", "#006C7F", {En:"Shinbashi-iro", Zh:"新橋色"});
  1943.    Hb.Add("Sabionando", "#455859", {En:"Sabionando", Zh:"錆御納戸"});
  1944.    Hb.Add("Ainezumi", "#5C544E", {En:"Ainezumi", Zh:"藍鼠"});
  1945.    Hb.Add("Ai-iro", "#264348", {En:"Ai-iro", Zh:"藍色"});
  1946.    Hb.Add("Onando-iro", "#364141", {En:"Onando-iro", Zh:"御納戸色"});
  1947.    Hb.Add("Hana'asagi", "#1D697C", {En:"Hana'asagi", Zh:"花浅葱"});
  1948.    Hb.Add("Chigusa-iro", "#317589", {En:"Chigusa-iro", Zh:"千草色"});
  1949.    Hb.Add("Masuhana-iro", "#4D646C", {En:"Masuhana-iro", Zh:"舛花色"});
  1950.    Hb.Add("Hanada", "#044F67", {En:"Hanada", Zh:"縹"});
  1951.    Hb.Add("Noshimehana-iro", "#344D56", {En:"Noshimehana-iro", Zh:"熨斗目花色"});
  1952.    Hb.Add("Omeshionando", "#3D4C51", {En:"Omeshionando", Zh:"御召御納戸"});
  1953.    Hb.Add("Sora-iro", "#4D8FAC", {En:"Sora-iro", Zh:"空色"});
  1954.    Hb.Add("Kurotsurubami", "#252321", {En:"Kurotsurubami", Zh:"黒橡"});
  1955.    Hb.Add("Gunjō-iro", "#5D8CAE", {En:"Gunjō-iro", Zh:"群青色"});
  1956.    Hb.Add("Kon", "#192236", {En:"Kon", Zh:"紺"});
  1957.    Hb.Add("Kachi-iro", "#181B26", {En:"Kachi-iro", Zh:"褐色"});
  1958.    Hb.Add("Ruri-iro", "#1F4788", {En:"Ruri-iro", Zh:"瑠璃色"});
  1959.    Hb.Add("Konjō-iro", "#003171", {En:"Konjō-iro", Zh:"紺青色"});
  1960.    Hb.Add("Rurikon", "#1B294B", {En:"Rurikon", Zh:"瑠璃紺"});
  1961.    Hb.Add("Benimidori", "#78779B", {En:"Benimidori", Zh:"紅碧"});
  1962.    Hb.Add("Konkikyō", "#191F45", {En:"Konkikyō", Zh:"紺桔梗"});
  1963.    Hb.Add("Fujinezumi", "#766980", {En:"Fujinezumi", Zh:"藤鼠"});
  1964.    Hb.Add("Benikakehana-iro", "#5A4F74", {En:"Benikakehana-iro", Zh:"紅掛花色"});
  1965.    Hb.Add("Fuji-iro", "#89729E", {En:"Fuji-iro", Zh:"藤色"});
  1966.    Hb.Add("Futaai", "#614E6E", {En:"Futaai", Zh:"二藍"});

  1967.    var sIdentifier = "JpBlueViolet";
  1968.    sResult += fShowAncharNav(sIdentifier, "Jp蓝紫");

  1969.    sResult+=fDisplay(Hb, sIdentifier);
  1970.    
  1971.    sResult+="<hr/>";
  1972.    
  1973.    Hb = null;
  1974.    
  1975.   return sResult;
  1976.  } // end function fJpBlueViolet
  1977.  
  1978.  function fJpViolet()
  1979.  {
  1980.   var sResult = "";
  1981.   var Hb = new HashTable();
  1982.   
  1983.    // JpViolet
  1984.    Hb.Add("Fujimurasaki", "#875F9A", {En:"Fujimurasaki", Zh:"藤紫"});
  1985.    Hb.Add("Kikyō-iro", "#5D3F6A", {En:"Kikyō-iro", Zh:"桔梗色"});
  1986.    Hb.Add("Shion-iro", "#976E9A", {En:"Shion-iro", Zh:"紫苑色"});
  1987.    Hb.Add("Metsushi", "#3F313A", {En:"Metsushi", Zh:"滅紫"});
  1988.    Hb.Add("Shikon", "#2B2028", {En:"Shikon", Zh:"紫紺"});
  1989.    Hb.Add("Kokimurasaki", "#3A243B", {En:"Kokimurasaki", Zh:"深紫"});
  1990.    Hb.Add("Usu-iro", "#A87CA0", {En:"Usu-iro", Zh:"薄色"});
  1991.    Hb.Add("Hashita-iro", "#8D608C", {En:"Hashita-iro", Zh:"半色"});
  1992.    Hb.Add("Sumire-iro", "#5B3256", {En:"Sumire-iro", Zh:"菫色"});
  1993.    Hb.Add("Murasaki", "#4F284B", {En:"Murasaki", Zh:"紫"});
  1994.    Hb.Add("Kurobeni", "#23191E", {En:"Kurobeni", Zh:"黒紅"});
  1995.    Hb.Add("Ayame-iro", "#763568", {En:"Ayame-iro", Zh:"菖蒲色"});
  1996.    Hb.Add("Benifuji", "#BB7796", {En:"Benifuji", Zh:"紅藤"});
  1997.    Hb.Add("Kakitsubata", "#491E3C", {En:"Kakitsubata", Zh:"杜若"});
  1998.    Hb.Add("Hatobanezumi", "#755D5B", {En:"Hatobanezumi", Zh:"鳩羽鼠"});
  1999.    Hb.Add("Budōnezumi", "#63424B", {En:"Budōnezumi", Zh:"葡萄鼠"});
  2000.    Hb.Add("Ebizome", "#6D2B50", {En:"Ebizome", Zh:"蒲萄"});
  2001.    Hb.Add("Fujisusutake", "#4D3B3C", {En:"Fujisusutake", Zh:"藤煤竹"});
  2002.    Hb.Add("Bōtan", "#A4345D", {En:"Bōtan", Zh:"牡丹"});
  2003.    Hb.Add("Umemurasaki", "#8F4155", {En:"Umemurasaki", Zh:"梅紫"});
  2004.    Hb.Add("Nisemurasaki", "#43242A", {En:"Nisemurasaki", Zh:"似せ紫"});
  2005.    Hb.Add("Murasakitobi", "#512C31", {En:"Murasakitobi", Zh:"紫鳶"});
  2006.    Hb.Add("Suō", "#7E2639", {En:"Suō", Zh:"蘇芳"});
  2007.    Hb.Add("Kuwazome", "#59292C", {En:"Kuwazome", Zh:"桑染"});
  2008.    Hb.Add("Benikeshinezumi", "#44312E", {En:"Benikeshinezumi", Zh:"紅消鼠"});

  2009.    var sIdentifier = "JpViolet";
  2010.    sResult += fShowAncharNav(sIdentifier, "Jp紫");

  2011.    sResult+=fDisplay(Hb, sIdentifier);
  2012.    
  2013.    sResult+="<hr/>";
  2014.    
  2015.    Hb = null;
  2016.    
  2017.   return sResult;
  2018.  } // end function fJpViolet
  2019.  
  2020.  function fJpAchromatic()
  2021.  {
  2022.   var sResult = "";
  2023.   var Hb = new HashTable();
  2024.   
  2025.    // JpAchromatic
  2026.    Hb.Add("Shironeri", "#FFDDCA", {En:"Shironeri", Zh:"白練"});
  2027.    Hb.Add("Shironezumi", "#B9A193", {En:"Shironezumi", Zh:"白鼠"});
  2028.    Hb.Add("Ginnezumi", "#97867C", {En:"Ginnezumi", Zh:"銀鼠"});
  2029.    Hb.Add("Sunezumi", "#6E5F57", {En:"Sunezumi", Zh:"素鼠"});
  2030.    Hb.Add("Dobunezumi", "#4B3C39", {En:"Dobunezumi", Zh:"丼鼠"});
  2031.    Hb.Add("Aisumicha", "#393432", {En:"Aisumicha", Zh:"藍墨茶"});
  2032.    Hb.Add("Binrōjizome", "#352925", {En:"Binrōjizome", Zh:"檳榔子染"});
  2033.    Hb.Add("Sumi-iro", "#27221F", {En:"Sumi-iro", Zh:"墨色"});
  2034.    Hb.Add("Kuro-iro", "#171412", {En:"Kuro-iro", Zh:"黒色"});

  2035.    var sIdentifier = "JpAchromatic";
  2036.    sResult += fShowAncharNav(sIdentifier, "Jp减");

  2037.    sResult+=fDisplay(Hb, sIdentifier);
  2038.    
  2039.    sResult+="<hr/>";
  2040.    
  2041.    Hb = null;
  2042.    
  2043.   return sResult;
  2044.  } // end function fJpAchromatic
  2045.  
  2046.  function fAppendStyle()
  2047.  {
  2048.   var sStyle = "";
  2049.   sStyle += "#BgColorSchemeId * a/n";
  2050.   sStyle += "{/n";
  2051.   sStyle += " text-decoration:none;/n";
  2052.   sStyle += "}/n";
  2053.   sStyle += "/n";
  2054.   sStyle += ".BcsCbxListClassName/n";
  2055.   sStyle += "{/n";
  2056.   sStyle += " margin:0px 1px;/n";
  2057.   sStyle += "}/n";
  2058.   sStyle += "/n";
  2059.   sStyle += ".BcsTextClassName span div/n";
  2060.   sStyle += "{/n";
  2061.   sStyle += " padding:2px 5px;/n";
  2062.   sStyle += "}/n";
  2063.   sStyle += "/n";
  2064.   sStyle += ".BcsTextClassName span div div/n";
  2065.   sStyle += "{/n";
  2066.   sStyle += " padding:10px 0px;/n";
  2067.   sStyle += "}/n";
  2068.   return sStyle;
  2069.  } // end function fAppendStyle
  2070.  
  2071.  function fAddStyleFromStr(sIpt, sId)
  2072.  {// shawl.qiu script 
  2073.   var EleStyle = document.createElement("style");
  2074.   EleStyle.type = "text/css";
  2075.   if(sId&&sId!="")
  2076.   {
  2077.    EleStyle.id = sId;
  2078.   }
  2079.   if(fCkBrs()==1)
  2080.   {
  2081.    EleStyle.styleSheet.cssText = sIpt;
  2082.   }
  2083.   else
  2084.   {
  2085.    EleStyle.innerHTML = sIpt;
  2086.   }
  2087.   function fCkBrs()
  2088.   {
  2089.    switch (navigator.appName)
  2090.    {
  2091.     case 'Opera': return 2;
  2092.     case 'Netscape': return 3;
  2093.     defaultreturn 1;
  2094.    }
  2095.   } // end function fCkBrs 
  2096.   var EleHead=document.getElementsByTagName("head")[0]
  2097.   if(!EleHead) EleHead=document.body;
  2098.   EleHead.insertBefore(EleStyle, EleHead.firstChild)
  2099.  } // end function fAddStyleFromStr
  2100.  
  2101.  function fDisplayTheme1(ColorAr, HbItem, sMsg, sHbAnchor)
  2102.  {
  2103.   var sResult = "";
  2104.   
  2105.   if(!sMsg) 
  2106.   {
  2107.    sMsg = "";
  2108.   }
  2109.   
  2110.   if(sMsg!="")
  2111.   {
  2112.    sMsg = "<p style='margin:5px 0px;'>"+sMsg+"</p>";
  2113.   }
  2114.   
  2115.   var sTop = "<div style='float:right'>"
  2116.   +"<a href='#"+sHbAnchor+"'>Current</a>"
  2117.   +" | "
  2118.   +"<a href='#"+Tl.Init.Name+"'>Top</a>"
  2119.   +"</div>"
  2120.   ;
  2121.   
  2122.   var sColor = "#000000";

  2123.   sResult +=
  2124.    "<div style='margin:10px 0px; background-color:"+HbItem+";color:"+ColorAr[i]+";'>";
  2125.    sResult += ""
  2126.     +sTop
  2127.     ;
  2128.    
  2129.    for(var i=0, j= ColorAr.length; i<j; i++)
  2130.    {
  2131.     //document.write("<li/>"+HbItem);
  2132.     sResult +=
  2133.      "<div style='color:"+ColorAr[i]+";'>"
  2134.      
  2135.      +"Bg: <input type='text' value='"+HbItem
  2136.      +"' style='background-color:"+HbItem+"; color:"+ColorAr[i]+
  2137.      "; border:0px; ' onmousemove='this.focus();this.select();'"+
  2138.      " onmouseout='this.blur()'/><br>"
  2139.      
  2140.      +"Fg: <input type='text' value='"+ColorAr[i]
  2141.      +"' style='background-color:"+HbItem+"; color:"+ColorAr[i]+
  2142.      "; border:0px; ' onmousemove='this.focus();this.select();'"+
  2143.      " onmouseout='this.blur()'/><br>"
  2144.      
  2145.      +"Key: "+HbItem.Key+"<br>"
  2146.      +"Zh: "+HbItem.Zh+"<br>"
  2147.      +sMsg
  2148.      +"</div>";
  2149.    } // end for
  2150.    
  2151.    sResult+="</div>";
  2152.   
  2153.   return sResult;
  2154.  } // end function fDisplayColorScheme
  2155.  
  2156.  function fDisplayTheme1Invert(Hb, ColorItem, sMsg, sHbAnchor)
  2157.  {
  2158.   var sResult = "";
  2159.   
  2160.   if(!sMsg) 
  2161.   {
  2162.    sMsg = "";
  2163.   }
  2164.   
  2165.   if(sMsg!="")
  2166.   {
  2167.    sMsg = "<p style='margin:5px 0px;'>"+sMsg+"</p>";
  2168.   }

  2169.   sResult +=
  2170.    "<div style='margin:10px 0px; background-color:"+ColorItem+";'>";
  2171.   
  2172.   var sTop = "<div style='float:right'>"
  2173.   +"<a href='#"+sHbAnchor+"'>Current</a>"
  2174.   +" | "
  2175.   +"<a href='#"+Tl.Init.Name+"'>Top</a>"
  2176.   +"</div>"
  2177.   ;
  2178.    
  2179.   sResult += ""
  2180.     +sTop
  2181.     ;
  2182.    
  2183.    var i=0;
  2184.    for(var k in Hb.Object)
  2185.    {     
  2186.     var Item = Hb.Item(k);
  2187.     sResult +=
  2188.      "<div style='color:"+Item+";'>"
  2189.      
  2190.      +"Bg: <input type='text' value='"+ColorItem
  2191.      +"' style='background-color:"+ColorItem+"; color:"+Item+
  2192.      "; border:0px; ' onmousemove='this.focus();this.select();'"+
  2193.      " onmouseout='this.blur()'/><br>"
  2194.      
  2195.      +"Fg: <input type='text' value='"+Item
  2196.      +"' style='background-color:"+ColorItem+"; color:"+Item+
  2197.      "; border:0px; ' onmousemove='this.focus();this.select();'"+
  2198.      " onmouseout='this.blur()'/><br>"
  2199.      
  2200.      +"Key: "+Item.Key+"<br>"
  2201.      +"Zh: "+Item.Zh+"<br>"
  2202.      +sMsg
  2203.      
  2204.      +"</div>";
  2205.     i++;
  2206.    } // end for
  2207.    
  2208.    sResult+="</div>";
  2209.   
  2210.   return sResult;
  2211.  } // end function fDisplayColorScheme1
  2212.  
  2213.  function fDisplaySplit(ColorAr, HbItem, sMsg, bInvert, sHbAnchor)
  2214.  {
  2215.   var sResult = "";
  2216.   var InfoStr = "HbItem.Key: "+HbItem.Key+", HbItem.En: "+HbItem.En+", HbItem.Zh: "+HbItem.Zh;;
  2217.   if(!sMsg) 
  2218.   {
  2219.    sMsg = "";
  2220.   }
  2221.   
  2222.   if(sMsg!="")
  2223.   {
  2224.    sMsg = "<p style='margin:5px 0px;'>"+sMsg+"</p>";
  2225.   }
  2226.   
  2227.   var sTop = "<div style='float:right; margin:0px; padding:0px;'>"
  2228.   +"<a href='#"+sHbAnchor+"'>Current</a>"
  2229.   +" | "
  2230.   +"<a href='#"+Tl.Init.Name+"'>Top</a>"
  2231.   +"</div>"
  2232.   ;
  2233.   
  2234.   
  2235.   if(bInvert)
  2236.   {
  2237.    for(var i=0, j= ColorAr.length; i<j; i++)
  2238.    {
  2239.     //document.write("<li/>"+HbItem);
  2240.     sResult +=
  2241.      "<div style='margin:10px 0px;background-color:"
  2242.      +ColorAr[i]+";color:"+HbItem+";'>"
  2243.      +sTop
  2244.      
  2245.      +"Bg: <input type='text' value='"+ColorAr[i]
  2246.      +"' style='background-color:"+ColorAr[i]+"; color:"+HbItem+
  2247.      "; border:0px; ' onmousemove='this.focus();this.select();'"+
  2248.      " onmouseout='this.blur()'/><br>"
  2249.      
  2250.      +"Fg: <input type='text' value='"+HbItem
  2251.      +"' style='background-color:"+ColorAr[i]+"; color:"+HbItem+
  2252.      "; border:0px; ' onmousemove='this.focus();this.select();'"+
  2253.      " onmouseout='this.blur()'/><br>"
  2254.      
  2255.      +"Key: "+HbItem.Key+"<br/>"
  2256.      +"Zh: "+HbItem.Zh+"<br/>"
  2257.      +sMsg
  2258.      +"</div>";
  2259.    } // end for
  2260.   }
  2261.   else
  2262.   {
  2263.    for(var i=0, j= ColorAr.length; i<j; i++)
  2264.    {
  2265.     //document.write("<li/>"+HbItem);
  2266.     sResult +=
  2267.      "<div style='margin:10px 0px; background-color:"
  2268.      +HbItem+";color:"+ColorAr[i]+";'>"
  2269.      +sTop
  2270.      
  2271.      +"Bg: <input type='text' value='"+HbItem
  2272.      +"' style='background-color:"+HbItem+"; color:"+ColorAr[i]+
  2273.      "; border:0px; ' onmousemove='this.focus();this.select();'"+
  2274.      " onmouseout='this.blur()'/><br>"
  2275.      
  2276.      +"Fg: <input type='text' value='"+ColorAr[i]
  2277.      +"' style='background-color:"+HbItem+"; color:"+ColorAr[i]+
  2278.      "; border:0px; ' onmousemove='this.focus();this.select();'"+
  2279.      " onmouseout='this.blur()'/><br>"
  2280.      
  2281.      +"Key: "+HbItem.Key+"<br>"
  2282.      +"Zh: "+HbItem.Zh+"<br>"
  2283.      +sMsg
  2284.      +"</div>";
  2285.    } // end for
  2286.    
  2287.    sResult +="</div></div>";
  2288.   }
  2289.   
  2290.   return sResult;
  2291.  } // end function fDisplaySplit
  2292.  
  2293.  function fDisplay(Hb, sHbAnchor)
  2294.  {
  2295.   var sResult = "";
  2296.   
  2297.   switch(Tl.Theme.Default)
  2298.   {
  2299.    case "Split":
  2300.     for(var i in Hb.Object)
  2301.     {
  2302.      sResult+= fDisplaySplit(Tl.Color.Set, Hb.Item(i), Tl.Msg, Tl.Invert, sHbAnchor);
  2303.     }
  2304.     break;
  2305.    
  2306.    default:
  2307.     if(Tl.Invert)
  2308.     {
  2309.      for(var i=0, j=Tl.Color.Set.length; i<j; i++)
  2310.      {
  2311.       sResult+=fDisplayTheme1Invert(Hb, Tl.Color.Set[i], Tl.Msg, sHbAnchor);
  2312.      }
  2313.     }
  2314.     else
  2315.     {
  2316.      for(var i in Hb.Object)
  2317.      {
  2318.       sResult+=fDisplayTheme1(Tl.Color.Set, Hb.Item(i), Tl.Msg, sHbAnchor);
  2319.      }
  2320.     } // end if
  2321.     break;
  2322.   }
  2323.   
  2324.   return sResult;
  2325.  } //end function fDisplay
  2326.  
  2327.  function fSetPAnchorStr()
  2328.  {
  2329.   pAnchorStr = "<div>"
  2330.    +" <a href=#"+Tl.Init.Name+">Top</a>"
  2331.    
  2332.   for(var i=0, j=pCbxList.length; i<j; i++)
  2333.   {
  2334.    if(pCbxList[i].checked)
  2335.    {
  2336.     pAnchorStr += 
  2337.     " | <a href='#"+pCbxList[i].value+"'>"
  2338.     +Tl.ContainerHb.Item(pCbxList[i].value)
  2339.     +"</a> "
  2340.    }
  2341.   } // end for

  2342.   pAnchorStr+="</div>";
  2343.  } // end function fSetPAnchorStr;
  2344.  
  2345.  function fPutAnchorStr()
  2346.  {
  2347.   //Tl.Init.Name+"White"+Tl.Element.Anchor.Id+Tl.Postfix
  2348.   for(var i=0, j=pCbxList.length; i<j; i++)
  2349.   {
  2350.    var sId = Tl.Init.Name+pCbxList[i].value+Tl.Element.Anchor.Id+Tl.Postfix;
  2351.    var oDiv = document.getElementById(sId);
  2352.    
  2353.    if(pCbxList[i].checked)
  2354.    {
  2355.     oDiv.innerHTML = pAnchorStr;
  2356.    }
  2357.    else
  2358.    {
  2359.     try{oDiv.innerHTML = "";}catch(e){}
  2360.    }
  2361.   } // end for
  2362.   
  2363.  } // end function fPutAnchorStr
  2364.  
  2365.  function fSetNullContainerHbContent()
  2366.  {
  2367.   for(var i in Tl.ContainerHb.Object)
  2368.   {
  2369.    Tl.ContainerHb.Item(i).Content = null;
  2370.   }
  2371.  } // end function fSetNullContainerHbContent
  2372.  
  2373.  function fShowAncharNav(sIdentifier, sShadeName)
  2374.  {
  2375.   return "<h2><a name='"+sIdentifier+"'>"+sShadeName+"</a></h2>"
  2376.   +"<span id='"+Tl.Init.Name+sIdentifier+Tl.Element.Anchor.Id+Tl.Postfix+"'>"
  2377.   +pAnchorStr
  2378.   +"</span>"
  2379.   ;
  2380.  } // end function fShowAncharNavrunat="Server"
  2381.  //------------------------------------end private method
  2382. } // shawl.qiu code
  2383. //---------------------------------end class BgColorScheme()---------------------------------//


4. 类 HastTable
见: http://blog.csdn.net/btbtd/archive/2007/06/28/1669636.aspx
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值