首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

shawl.qiuJavascript渐隐渐显类FadedV1.0

作者：actthank90909 | 来源：互联网 | 2023-10-12 20:20
shawl.qiuJavascript渐隐渐显类FadedV1.0说明:嗯,这个呢,最近在了解色彩学,所以陆续会弄一些与色彩相关的东西.比如整理一些与色彩相关的资料汇编成册,学习

 shawl.qiu Javascript 渐隐渐显类 Faded V1.0



说明:
嗯, 这个呢, 最近在了解色彩学, 所以陆续会弄一些与色彩相关的东西.
比如整理一些与色彩相关的资料汇编成册, 学习与色彩相关的心理感受,  调色技巧等.

目录:
1. 调用
1.1 调用 1
1.2 调用 2
2. 类 Faded

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

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

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

内容:
1. 调用
1.1 调用 1


  1. W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. xmlns="http://www.w3.org/1999/xhtml">
  5. http-equiv="Content-Type" content="text/html; charset=utf-8" />


  12. border="0" align="center" cellpadding="4" cellspacing="4">
  13.  align="center" valign="middle">
  14.   id="FadeId1" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   id="FadeId2" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   id="FadeId3" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  id="FadeId4" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  id="FadeId5" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  
  •  align="center" valign="middle">
  •   id="FadeId6" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   id="FadeId7" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   id="FadeId8" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  id="FadeId9" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  id="FadeId10" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  
  •  align="center" valign="middle">
  •   id="FadeId11" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   id="FadeId12" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   id="FadeId13" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  id="FadeId14" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  id="FadeId15" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  
  •  align="center" valign="middle">
  •   id="FadeId16" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   id="FadeId17" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   id="FadeId18" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  id="FadeId19" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  id="FadeId20" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  
  •  align="center" valign="middle">
  •   id="FadeId21" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   id="FadeId22" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   id="FadeId23" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   id="FadeId24" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  id="FadeId25" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  


  • 1.2 调用 2


    1. W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. xmlns="http://www.w3.org/1999/xhtml">
    5. http-equiv="Content-Type" content="text/html; charset=utf-8" />


    12. border="0" align="center" cellpadding="4" cellspacing="4" id="MainTable">
    13.  align="center" valign="middle">
    14.   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  
  •  align="center" valign="middle">
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  
  •  align="center" valign="middle">
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  
  •  align="center" valign="middle">
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  
  •  align="center" valign="middle">
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •   style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu
  •  





  • 2. 类 Faded


    1. // shawl.qiu Javascript Document
    2.  /*-----------------------------------------------------------------------------------*/
    3.   * shawl.qiu Javascript Faded class v1.0
    4.  /*-----------------------------------------------------------------------------------*/
    5.  //---------------------------------begin class Faded()-------------------------------//
    6.  function Faded()
    7.  { // shawl.qiu code
    8.   //------------------------------------begin public variable
    9.   //---------------begin about
    10.   this.au = {}
    11.   this.au.Subject = "shawl.qiu Javascript Faded 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-19";
    17.   this.au.Update = {};
    18.   this.au.Update["1"] = "";
    19.   //---------------end about
    20.   this.Debug = false;
    21.   
    22.   this.Element = {}
    23.   this.Element.Set = [];
    24.   this.Element.Add = fAddElement;
    25.   //------------------------------------end public variable
    26.   
    27.   //------------------------------------begin private variable
    28.   var Tl = this;
    29.   //------------------------------------end private variable
    30.   
    31.   //------------------------------------begin public method
    32.   this.Go = fGo;
    33.   //------------------------------------end public method
    34.  
    35.   //------------------------------------begin private method
    36.   function fAddElement
    37.   (sId, sOriginColor, sOverColor, sOutColor, iTime, iIntervalMs, bCompColor, sClassName, sOverClassName)
    38.   {
    39.    var Obj = null;
    40.    if(typeof(sId)=="string")
    41.    {
    42.     Obj = document.getElementById(sId);
    43.    }
    44.    else if(typeof(sId)=="object")
    45.    {
    46.     Obj = sId;
    47.    }
    48.    
    49.    if(!Obj||Obj==null)
    50.    {
    51.     alert("对象不能为空!");
    52.     return;
    53.    }
    54.    if(!bCompColor) bCompColor = false;
    55.    else bCompColor = true;
    56.    
    57.    if(!sClassName) sClassName = "";
    58.    if(!sOverClassName) sOverClassName = "";
    59.    
    60.    if(!sOriginColor) sOriginColor = "#ffffff";
    61.    if(!sOverColor) sOverColor = "#cccccc";
    62.    if(!sOutColor) sOutColor = sOriginColor;
    63.    if(!iTime) iTime = 10;
    64.    if(!iIntervalMs) iIntervalMs = 50;
    65.    
    66.    Obj["Extend"] = {};
    67.    Obj["Extend"]["OriginalColor"] = sOriginColor;
    68.    Obj["Extend"]["MoveColor"] = sOverColor;
    69.    Obj["Extend"]["OutColor"] = sOutColor;
    70.    Obj["Extend"]["Time"] = iTime;
    71.    Obj["Extend"]["IntervalMs"] = iIntervalMs;
    72.    Obj["Extend"]["CompColor"] = bCompColor;
    73.    
    74.    Obj["Extend"]["ClassName"] = sClassName;
    75.    Obj["Extend"]["OverClassName"] = sOverClassName;
    76.    
    77.    var iPos = Tl.Element.Set.length;
    78.    Tl.Element.Set[iPos] = Obj;
    79.    
    80.   } // end function fAddElement
    81.  
    82.   function fGo()
    83.   {
    84.    for(var i = 0, j=Tl.Element.Set.length; i
    85.    {
    86.     var TempObj = Tl.Element.Set[i];
    87.     
    88.     TempObj.style.backgroundColor = TempObj["Extend"]["OriginalColor"];
    89.     TempObj["Interval"] = {}
    90.         
    91.     if(TempObj["Extend"]["CompColor"])
    92.     {
    93.      TempObj.style.color = fGetCompColor(TempObj["Extend"]["OriginalColor"]);
    94.     }
    95.     
    96.     if(TempObj["Extend"]["ClassName"]!="")
    97.     {
    98.      TempObj.className = TempObj["Extend"]["ClassName"];
    99.     }
    100.     
    101.     TempObj.onmouseover =
    102.      function()
    103.      {
    104.       try
    105.       {
    106.        clearInterval(this["Interval"]["Out"]["Go"]);
    107.       }
    108.       catch(e)
    109.       {
    110.       }
    111.       
    112.       this["Interval"]["Over"] ={}
    113.       this["Interval"]["Over"]["Count"] = 0;
    114.        
    115.       if(this["Extend"]["OverClassName"]!="")
    116.       {
    117.        this.className = this["Extend"]["OverClassName"];
    118.       }
    119.        
    120.       var BgColor = this.style.backgroundColor==""?"#ffffff":this.style.backgroundColor;
    121.       if(/rgb/(/i.test(BgColor))
    122.       {
    123.        BgColor = fRgbToHex(BgColor);
    124.       }
    125.       
    126.       //function fGetCompColor(sInput, sOpt, bNoSharp, bDebug)
    127.       this["Interval"]["Over"]["FadeArray"] = 
    128.        fFade
    129.        (
    130.         BgColor, 
    131.         this["Extend"]["MoveColor"], 
    132.         this["Extend"]["Time"], 
    133.         false, 
    134.         true
    135.        );
    136.        
    137.       var me = this;
    138.       
    139.       this["Interval"]["Over"]["Go"] = 
    140.        setInterval
    141.        (
    142.         function()
    143.         {

    145.          if(me["Interval"]["Over"]["Count"]>=me["Interval"]["Over"]["FadeArray"].length)
    146.          {
    147.           clearInterval(me["Interval"]["Over"]["Go"]);
    148.           me["Interval"]["Over"]["Count"] = null;
    149.           return;
    150.          }
    151.          
    152.          var sBgColor = me["Interval"]["Over"]["FadeArray"][me["Interval"]["Over"]["Count"]];
    153.          
    154.          me.style.backgroundColor = sBgColor;
    155.          
    156.          if(me["Extend"]["CompColor"])
    157.          {
    158.           me.style.color = fGetCompColor(sBgColor);
    159.          }
    160.           
    161.          if(Tl.Debug)
    162.          defaultStatus = me["Interval"]["Over"]["Count"];
    163.          
    164.          me["Interval"]["Over"]["Count"]++;
    165.         }
    166.         ,
    167.         me["Extend"]["IntervalMs"]
    168.        ) // end setInterval
    169.      } // end TempObj.onmouseover

    171.     TempObj.onmouseout =
    172.      function()
    173.      {
    174.       try
    175.       {
    176.        clearInterval(this["Interval"]["Over"]["Go"]);
    177.       }
    178.       catch(e)
    179.       {
    180.       }
    181.       
    182.       this["Interval"]["Out"] ={}
    183.       this["Interval"]["Out"]["Count"] = 0;
    184.        
    185.       if(this["Extend"]["ClassName"]!="")
    186.       {
    187.        this.className = this["Extend"]["ClassName"];
    188.       }
    189.       
    190.       var BgColor = this.style.backgroundColor==""?"#ffffff":this.style.backgroundColor;
    191.       if(/rgb/(/i.test(BgColor))
    192.       {
    193.        BgColor = fRgbToHex(BgColor);
    194.       }
    195.       
    196.       this["Interval"]["Out"]["FadeArray"] = 
    197.        fFade
    198.        (
    199.         BgColor, 
    200.         this["Extend"]["OutColor"], 
    201.         this["Extend"]["Time"], 
    202.         false, 
    203.         true
    204.        );
    205.        
    206.       var me = this;
    207.       
    208.       this["Interval"]["Out"]["Go"] = 
    209.        setInterval
    210.        (
    211.         function()
    212.         {
    213.          if(me["Interval"]["Out"]["Count"]>=me["Interval"]["Out"]["FadeArray"].length)
    214.          {
    215.           clearInterval(me["Interval"]["Out"]["Go"]);
    216.           me["Interval"]["Out"]["Count"] = null;
    217.           return;
    218.          }
    219.          
    220.          var sBgColor = me["Interval"]["Out"]["FadeArray"][me["Interval"]["Out"]["Count"]];
    221.          
    222.          me.style.backgroundColor = sBgColor;
    223.          
    224.          if(me["Extend"]["CompColor"])
    225.          {
    226.           me.style.color = fGetCompColor(sBgColor);
    227.          }
    228.           
    229.          if(Tl.Debug)
    230.          defaultStatus = me["Interval"]["Out"]["Count"];
    231.          
    232.          me["Interval"]["Out"]["Count"]++;
    233.         }
    234.         ,
    235.         me["Extend"]["IntervalMs"]
    236.        ) // end setInterval
    237.      } // end TempObj.onmouseover
    238.     } // end for
    239.   } // end function fGo
    240.   
    241.   function fFade(sOriginalColor, sFinalColor, iTime, sOpt/*positive|negative|auto*/, bPadSharp)
    242.   {// shawl.qiu script : return Array
    243.    if(!sOriginalColor||sOriginalColor=="")
    244.    {
    245.     alert("原色不能为空!");
    246.     return;
    247.    }
    248.    if(!sFinalColor||sFinalColor=="")
    249.    {
    250.     alert("最终色不能为空!");
    251.     return;
    252.    }
    253.    if(!iTime||typeof(iTime)!="number") iTime = 5;
    254.    if(!sOpt) sOpt = "auto";
    255.    var sSharp = "";
    256.    if(bPadSharp) sSharp = "#";
    257.    
    258.    var Debug = false;
    259.    var oAr = fSplitColor(sOriginalColor);
    260.    var oArInt = fHexArrayToInt(oAr);
    261.    
    262.    var fAr = fSplitColor(sFinalColor);
    263.    var fArInt = fHexArrayToInt(fAr);
    264.    
    265.    var ReturnAr = [];
    266.    
    267.    switch(sOpt)
    268.    {
    269.     default:
    270.      var SubtractAr = [];
    271.      var SpanAr = [];
    272.      var ReturnArInt = [];
    273.      
    274.      for(var i=0, j=oArInt.length; i
    275.      {
    276.       SubtractAr[i] = fArInt[i] - oArInt[i];
    277.       SpanAr[i] = SubtractAr[i]/iTime;
    278.      }
    279.      
    280.      for(var i=0, j=iTime; i
    281.      {
    282.       ReturnArInt[i] = [];
    283.       ReturnArInt[i][0] = parseInt(oArInt[0]+(SpanAr[0]*(i+1)));
    284.       ReturnArInt[i][1] = parseInt(oArInt[1]+(SpanAr[1]*(i+1)));
    285.       ReturnArInt[i][2] = parseInt(oArInt[2]+(SpanAr[2]*(i+1)));
    286.       
    287.       ReturnAr[i] = ""
    288.        +sSharp
    289.        +fPadStr(ReturnArInt[i][0].toString(16)).toUpperCase()
    290.        +fPadStr(ReturnArInt[i][1].toString(16)).toUpperCase()
    291.        +fPadStr(ReturnArInt[i][2].toString(16)).toUpperCase()
    292.        ;
    293.      }
    294.      sFinalColor= sFinalColor.replace(/^/#/, "");
    295.      if(bPadSharp) sFinalColor = "#"+sFinalColor;
    296.      ReturnAr[ReturnAr.length-1] = sFinalColor.toUpperCase();
    297.      break;
    298.    }
    299.    
    300.    if(Debug)
    301.    {
    302.     alert
    303.     (
    304.      " oAr: "+oAr
    305.      +"/n oArInt: "+oArInt
    306.      +"/n fAr: "+fAr
    307.      +"/n fArInt: "+fArInt
    308.      +"/n typeof(sOpt): "+typeof(sOpt)
    309.      +"/n SubtractAr: "+SubtractAr
    310.      +"/n SpanAr: "+SpanAr
    311.      +"/n ReturnArInt: "+ReturnArInt
    312.      +"/n ReturnAr: "+ReturnAr
    313.     );
    314.    } // end if
    315.    
    316.    return ReturnAr.slice();
    317.   } // end function fFade
    318.   
    319.   function fPadStr(sSrc, sPad, nLen)
    320.   {// shawl.qiu script
    321.    if(!sSrc)return false;
    322.    if(!sPad)sPad=&＃39;0&＃39;;
    323.    if(!nLen)nLen=2;
    324.    sSrc+=&＃39;&＃39;;
    325.    if(sSrc.length>=nLen)return sSrc;
    326.    sPad=new Array(nLen+1).join(sPad);
    327.    var re=new RegExp(&＃39;.*(.{&＃39;+(nLen)+&＃39;})$&＃39;);
    328.    return (sPad+sSrc).replace(re,&＃39;$1&＃39;);
    329.   } // end function fPadStr
    330.   
    331.   function fHexArrayToInt(ar)
    332.   { // shawl.qiu script : return array
    333.    var TempAr = [];
    334.    for(var i=0, j=ar.length; i
    335.    {
    336.     TempAr[i] = parseInt(ar[i], 16);
    337.    }
    338.    return TempAr.slice();
    339.   } // end function fHexArrayToInt
    340.   
    341.   function fSplitColor(sColor)
    342.   { // shawl.qiu script : return array
    343.    if(!sColor||sColor=="")
    344.    {
    345.     alert("颜色不能为空!");
    346.     return;
    347.    }
    348.    var Debug = true;
    349.    sColor = sColor.replace(/^/#/, "");
    350.    if(sColor.length == 3)
    351.    {
    352.     var sTemp = "";
    353.     for(var i = 0, j=sColor.length; i
    354.     {
    355.      sTemp+= ""+sColor.charAt(i)+sColor.charAt(i);
    356.     }
    357.     sColor = sTemp;
    358.    }
    359.    
    360.    if(sColor.length!=6)
    361.    {
    362.     alert("无法识别的颜色代码!")
    363.     return;
    364.    }
    365.    
    366.    var arHex = [];
    367.    arHex[0] = ""+sColor.charAt(0)+sColor.charAt(1);
    368.    arHex[1] = ""+sColor.charAt(2)+sColor.charAt(3);
    369.    arHex[2] = ""+sColor.charAt(4)+sColor.charAt(5);
    370.    
    371.    return arHex.slice();
    372.   } // end function fSplitColor
    373.   
    374.   function fGetCompColor(sInput, sOpt, bNoSharp, bDebug)
    375.   {// shawl.qiu script : return string
    376.    if(!sInput) sInput = "#000000";
    377.    if(!sOpt) sOpt = &＃39;hex&＃39;;
    378.    sOpt = sOpt.toLowerCase();
    379.    
    380.    var arCell = [];
    381.    var arHex = [];
    382.    var arHexFinal = [];
    383.    var arInt = [];
    384.    var arIntFinal = [];
    385.    
    386.    var Debug = bDebug;
    387.    
    388.    if(Debug)
    389.    {
    390.     alert
    391.     (
    392.      "sInput: "+sInput
    393.      +" sOpt: "+sOpt
    394.     );
    395.    }
    396.    
    397.    sInput = sInput.replace(/^/#/, "");
    398.     
    399.    switch(sOpt)
    400.    {
    401.     case "rgb":
    402.      break;
    403.      
    404.     default:
    405.      
    406.      if(sInput.length==3)
    407.      {
    408.       var arTemp = fStringToArray(sInput);
    409.       sInput = ""+arTemp[0]+arTemp[0]+arTemp[1]+arTemp[1]+arTemp[2]+arTemp[2];
    410.      }
    411.      
    412.      if(sInput.length==6)
    413.      {
    414.       arCell = fStringToArray(sInput);     
    415.       
    416.       arHex[0] = "0x"+arCell[0]+arCell[1];
    417.       arHex[1] = "0x"+arCell[2]+arCell[3];
    418.       arHex[2] = "0x"+arCell[4]+arCell[5];
    419.       
    420.       arInt[0] = parseInt(arHex[0], 16);
    421.       arInt[1] = parseInt(arHex[1], 16);
    422.       arInt[2] = parseInt(arHex[2], 16);
    423.       
    424.       arIntFinal[0] = Math.abs(255-arInt[0]);
    425.       arIntFinal[1] = Math.abs(255-arInt[1]);
    426.       arIntFinal[2] = Math.abs(255-arInt[2]);
    427.       
    428.       arHexFinal[0] = fPadStr(arIntFinal[0].toString(16)).toUpperCase();
    429.       arHexFinal[1] = fPadStr(arIntFinal[1].toString(16)).toUpperCase();
    430.       arHexFinal[2] = fPadStr(arIntFinal[2].toString(16)).toUpperCase();
    431.       
    432.       if(Debug)
    433.       {
    434.        alert("arCell: "+arCell);
    435.        alert("arHex: "+arHex);
    436.        alert("arInt: "+arInt);
    437.        alert("arIntFinal: "+arIntFinal);
    438.        alert("arHexFinal: "+arHexFinal);
    439.       }
    440.       
    441.       if(bNoSharp) return arHexFinal.join("");
    442.       
    443.       return "#"+arHexFinal.join("");
    444.      }
    445.      else
    446.      {
    447.       alert("无法识别的十六进制颜色代码!");
    448.      }
    449.      break;   
    450.    }
    451.    return "000000";
    452.   
    453.    function fStringToArray(sInput)
    454.    {// shawl.qiu script
    455.     var arCell = [];
    456.     var iCount = 0;
    457.     var iLen = sInput.length;
    458.     while(iCount
    459.     {
    460.      arCell[iCount] = sInput.charAt(iCount);
    461.      iCount++;
    462.     }
    463.     
    464.     return arCell;
    465.    } // end function fStringToArray
    466.    
    467.    function fPadStr(sSrc, sPad, nLen)
    468.    {// shawl.qiu script
    469.     if(!sSrc)return false;
    470.     if(!sPad)sPad=&＃39;0&＃39;;
    471.     if(!nLen)nLen=2;
    472.     sSrc+=&＃39;&＃39;;
    473.     if(sSrc.length>=nLen)return sSrc;
    474.     sPad=new Array(nLen+1).join(sPad);
    475.     var re=new RegExp(&＃39;.*(.{&＃39;+(nLen)+&＃39;})$&＃39;);
    476.     return (sPad+sSrc).replace(re,&＃39;$1&＃39;);
    477.    } // end function fPadStr
    478.    
    479.   } // end function fGetCompColor
    480.   
    481.   function fRgbToHex(sRgb, bNoSharp, bDebug)
    482.   { // shawl.qiu script
    483.    if(!sRgb||sRgb=="")
    484.    {
    485.     alert("RGB颜色代码不正确!");
    486.     return;
    487.    }
    488.    var Debug = bDebug;
    489.    
    490.    var sSharp = "";
    491.    if(!bNoSharp) sSharp = "#";
    492.    if(/rgb/(/i.test(sRgb))
    493.    {
    494.     sRgb = sRgb.replace(/^[/s/S]*?rgb/((.*?)/)[/s/S]*/gi, "$1").replace(//s+/g, "");
    495.    }
    496.    var RgbAr = sRgb.split(",");
    497.    var sReturn = "";
    498.    sReturn = 
    499.     sSharp
    500.     +(fPadStr((RgbAr[0]-0).toString(16)).toUpperCase())
    501.     +(fPadStr((RgbAr[1]-0).toString(16)).toUpperCase())
    502.     +(fPadStr((RgbAr[2]-0).toString(16)).toUpperCase())
    503.     ;
    504.    
    505.    if(Debug)
    506.    {
    507.     alert(sReturn);
    508.    }
    509.    
    510.    return sReturn;
    511.    
    512.    function fPadStr(sSrc, sPad, nLen)
    513.    {// shawl.qiu script
    514.     if(!sSrc)return false;
    515.     if(!sPad)sPad=&＃39;0&＃39;;
    516.     if(!nLen)nLen=2;
    517.     sSrc+=&＃39;&＃39;;
    518.     if(sSrc.length>=nLen)return sSrc;
    519.     sPad=new Array(nLen+1).join(sPad);
    520.     var re=new RegExp(&＃39;.*(.{&＃39;+(nLen)+&＃39;})$&＃39;);
    521.     return (sPad+sSrc).replace(re,&＃39;$1&＃39;);
    522.    } // end function fPadStr
    523.    
    524.   } // end function fRgbToHex

    526.   //------------------------------------end private method
    527.  } // shawl.qiu code
    528.  //---------------------------------end class Faded()---------------------------------//


    推荐阅读
    • const

      Activity跳转动画 无缝衔接

      Activity跳转动画 无缝衔接
      Activity跳转动画 无缝衔接 ... [详细]
    • replace

      Python流程控制与条件判断详解

      本文详细介绍了Python中的流程控制与条件判断技术，包括数据导入、数据变换、统计描述、假设检验、可视化以及自定义函数的创建等方面的内容。 ... [详细]
    • const

      拖拉切割直线

      拖拉切割直线 ... [详细]
    • const

      Mac环境下Java与Ant自动化构建环境搭建指南

      Mac环境下Java与Ant自动化构建环境搭建指南
      本文详细介绍了如何在Mac操作系统上为测试工程师搭建Java和Ant开发环境，包括环境变量配置等关键步骤。 ... [详细]
    • request

      如何在 VS Code 中调试 Vue 项目

      本文详细介绍了如何通过配置 Chrome 和 VS Code 来实现对 Vue 项目的高效调试。步骤包括启用 Chrome 的远程调试功能、安装 VS Code 插件以及正确配置 launch.json 文件。 ... [详细]
    • dll

      Cadence SPB 16.5 安装指南与注意事项

      Cadence SPB 16.5 安装指南与注意事项
      本文提供了详细的 Cadence SPB 16.5 安装步骤，包括环境配置、安装过程中的关键步骤以及常见问题的解决方案。适合初次安装或遇到问题的技术人员参考。 ... [详细]
    • instance

      JavaScript实现的五种网页弹窗技术详解

      本文详细介绍了利用JavaScript实现的五种不同的网页弹出窗口技术，包括全屏窗口、全屏模式窗口、带收藏链接工具栏的窗口、网页对话框及HTA窗口。 ... [详细]
    • shell

      深入解析：Linux下的GCC编译器

      GCC（GNU Compiler Collection）是GNU项目下的一款功能全面且高效的多平台编译工具，广泛应用于Linux操作系统中。本文将详细介绍GCC的特点及其基本使用方法。 ... [详细]
    • cmd

      在Windows环境下安装FFTW并利用其库函数实现4096点FFT计算

      本文介绍了如何在Windows操作系统中安装FFTW库，并详细说明了使用Visual Studio 2010进行4096点快速傅里叶变换（FFT）的步骤。包括下载预编译文件、生成库文件以及配置环境等关键环节。 ... [详细]
    • replace

      Python 内置函数详解

      本文详细介绍了Python中常用的内置函数，包括但不限于数据操作、类型转换、数学运算及进制转换等，旨在帮助开发者更好地理解和运用这些功能强大的工具。 ... [详细]
    • const

      详解MyBatis二级缓存的启用与配置

      详解MyBatis二级缓存的启用与配置
      本文深入探讨了MyBatis二级缓存的启用方法及其配置细节，通过具体的代码实例进行说明，有助于开发者更好地理解和应用这一特性，提升应用程序的性能。 ... [详细]
    • const

      Java实现实时更新的日期与时间显示

      Java实现实时更新的日期与时间显示
      本文介绍了如何使用Java编程语言来创建一个能够实时更新显示系统当前日期和时间的小程序。通过使用Swing库中的组件和定时器功能，可以实现界面友好且功能强大的时间显示应用。 ... [详细]
    • uri

      2023年7月7日网络安全动态

      汇总了2023年7月7日最新的网络安全新闻和技术更新，包括最新的漏洞披露、工具发布及安全事件。 ... [详细]
    • email

      数据输入验证与控件绑定方法

      数据输入验证与控件绑定方法
      本文提供了多种数据输入验证函数及控件绑定方法的实现代码，包括电话号码、数字、传真、邮政编码、电子邮件和网址的验证，以及报表绑定和自动编号等功能。 ... [详细]
    • email

      利用 Calcurse 在 Linux 终端高效管理日程与任务

      利用 Calcurse 在 Linux 终端高效管理日程与任务
      对于喜爱使用 Linux 终端进行日常操作的系统管理员来说，Calcurse 提供了一种强大的方式来管理日程安排、待办事项及会议。本文将详细介绍如何在 Linux 上安装和使用 Calcurse，帮助用户更有效地组织工作。 ... [详细]
    author-avatar
    actthank90909
    这个家伙很懒，什么也没留下！
    Tags | 热门标签
    RankList | 热门文章
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有