漂亮的觸發(fā)行變色代碼

2009-12-24 綜合應用 ℃

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2313" />
<title>well-network.com</title>
<style type="text/css">
/* <![CDATA[ */
 div{margin:1px; vertical-align:middle;}
 
 .FadeId18Class
 {
  color:white;
 }
 .FadeId18OverClass
 {
  color:#D369A4;
 }
/* ]]> */
</style>

</head>
<body>

<table  border="0" align="center" cellpadding="4" cellspacing="4" id="Container">
 <tr align="center" valign="middle">
  <td valign="middle">
   <div   class="sfcfxph"   id="FadeId1" style="width:100px; height:100px;">well-network.com
   </div>
  </td>
  <td>
   <div   class="xkczrug"   id="FadeId2" style="width:100px; height:100px;">well-network.com
   </div>
  </td>
  <td>
   <div   class="7ebtvx0"   id="FadeId3" style="width:100px; height:100px;">well-network.com
   </div>
  </td>
  <td>
   <div   class="px5amz1"   id="FadeId4" style="width:100px; height:100px;">well-network.com
   </div>
  </td>
  <td>
   <div   class="6xuspmj"   id="FadeId5" style="width:100px; height:100px;">well-network.com
   </div>
  </td>
 </tr>
 <tr align="center" valign="middle">
  <td>
   <div   class="ym05dpx"   id="FadeId6" style="width:100px; height:100px;">well-network.com
   </div>
  </td>
  <td>
   <div   class="volyjh1"   id="FadeId7" style="width:100px; height:100px;">well-network.com
   </div>
  </td>
  <td>
   <div   class="pdlnewo"   id="FadeId8" style="width:100px; height:100px;">well-network.com
   </div>
  </td>
  <td>
   <div   class="ohpm0dv"   id="FadeId9" style="width:100px; height:100px;">well-network.com
   </div>
  </td>
  <td>
   <div   class="b60evif"   id="FadeId10" style="width:100px; height:100px;">well-network.com
   </div>
  </td>
 </tr>
 <tr align="center" valign="middle">
  <td>
   <div   class="5nzw2y6"   id="FadeId11" style="width:100px; height:100px;">well-network.com
   </div>
  </td>
  <td>
   <div   class="l6xvnpm"   id="FadeId12" style="width:100px; height:100px;">
	<a target="_blank" href="http://well-network.com/bbs">well-network.com</a>
   </div>
  </td>
  <td>
   <div   class="drofs0v"   id="FadeId13" style="width:100px; height:100px;">well-network.com
   </div>
  </td>
  <td>
   <div   class="kc1tgrf"   id="FadeId14" style="width:100px; height:100px;">well-network.com
   </div>
  </td>
  <td>
   <div   class="obo5ay6"   id="FadeId15" style="width:100px; height:100px;">well-network.com
   </div>
  </td>
 </tr>
 </table>

function Faded()
{
 var Au = {};

TempObj.onmouseout = fOnMouseOut;

}
 }
 
 function fOnMouseOut()
 {
  try
  {
   clearInterval(this["Interval"]["Over"]["Go"]);
  }
  catch(e)
  {
  }
  
  this["Interval"]["Out"] ={}
  this["Interval"]["Out"]["Count"] = 0;
   
  if(this["Extend"]["ClassName"]!="")
  {
   this.className = this["Extend"]["ClassName"];
  }
  
  var BgColor = this.style.backgroundColor==""?"#ffffff":this.style.backgroundColor;
  if(/rgb\(/i.test(BgColor))
  {
   BgColor = fRgbToHex(BgColor);
  }
  
  this["Interval"]["Out"]["FadeArray"] = 
   __Faded_Fade
   (
    BgColor, 
    this["Extend"]["OutColor"], 
    this["Extend"]["Time"], 
    false, 
    true
   );
   
  var me = this;
  
  this["Interval"]["Out"]["Go"] = 
   setInterval
   (
    function()
    {
     if(me["Interval"]["Out"]["Count"]>=me["Interval"]["Out"]["FadeArray"].length)
     {
      clearInterval(me["Interval"]["Out"]["Go"]);
      me["Interval"]["Out"]["Count"] = null;
      return;
     }
     
     var sBgColor = me["Interval"]["Out"]["FadeArray"][me["Interval"]["Out"]["Count"]];
     
     me.style.backgroundColor = sBgColor;
     
     if(me["Extend"]["CompColor"])
     {
      me.style.color = fGetCompColor(sBgColor);
     }
      
     if(This.Debug)
     defaultStatus = me["Interval"]["Out"]["Count"];
     
     me["Interval"]["Out"]["Count"]++;
    }
    ,
    me["Extend"]["IntervalMs"]
   ) // well-network.com
 }
 
 function fOnMouseOver()
 {
  try
  {
   clearInterval(this["Interval"]["Out"]["Go"]);
  }
  catch(e)
  {
  }
  
  this["Interval"]["Over"] ={}
  this["Interval"]["Over"]["Count"] = 0;
   
  if(this["Extend"]["OverClassName"]!="")
  {
   this.className = this["Extend"]["OverClassName"];
  }
   
  var BgColor = this.style.backgroundColor==""?"#ffffff":this.style.backgroundColor;
  if(/rgb\(/i.test(BgColor))
  {
   BgColor = fRgbToHex(BgColor);
  }
  this["Interval"]["Over"]["FadeArray"] = 
   __Faded_Fade
   (
    BgColor, 
    this["Extend"]["MoveColor"], 
    this["Extend"]["Time"], 
    false, 
    true
   );
   
  var me = this;
  
  this["Interval"]["Over"]["Go"] = 
   setInterval
   (
    function()
    {

if(me["Interval"]["Over"]["Count"]>=me["Interval"]["Over"]["FadeArray"].length)
     {
      clearInterval(me["Interval"]["Over"]["Go"]);
      me["Interval"]["Over"]["Count"] = null;
      return;
     }
     
     var sBgColor = me["Interval"]["Over"]["FadeArray"][me["Interval"]["Over"]["Count"]];
     
     me.style.backgroundColor = sBgColor;
     
     if(me["Extend"]["CompColor"])
     {
      me.style.color = fGetCompColor(sBgColor);
     }
      
     if(This.Debug)
     defaultStatus = me["Interval"]["Over"]["Count"];
     
     me["Interval"]["Over"]["Count"]++;
    }
    ,
    me["Extend"]["IntervalMs"]
   )
 }
 
 function fGetAu(){ return Au; }
}
function __Faded_AddElement
(sId, sOriginColor, sOverColor, sOutColor, iTime, iIntervalMs, bCompColor, sClassName, sOverClassName, oFaded)
{
 var Obj = fSetObject(sId);
 
 if(!bCompColor) bCompColor = false;
 else bCompColor = true;
   
 if(!sClassName) sClassName = "";
 if(!sOverClassName) sOverClassName = "";

if(!sOriginColor)
 {
  sOriginColor = fGetStyle(Obj, "backgroundColor");
  if(sOriginColor=="transparent") sOriginColor = "#FFFFFF";

}
 
 if(!sOverColor) sOverColor = "#cccccc";
 if(!sOutColor) sOutColor = sOriginColor;
 if(!iTime) iTime = 10;
 if(!iIntervalMs) iIntervalMs = 50;
 
 Obj["Extend"] = {};
 Obj["Extend"]["OriginalColor"] = sOriginColor;
 Obj["Extend"]["MoveColor"] = sOverColor;
 Obj["Extend"]["OutColor"] = sOutColor;
 Obj["Extend"]["Time"] = iTime;
 Obj["Extend"]["IntervalMs"] = iIntervalMs;
 Obj["Extend"]["CompColor"] = bCompColor;
 
 Obj["Extend"]["ClassName"] = sClassName;
 Obj["Extend"]["OverClassName"] = sOverClassName;
 
 var iPos = oFaded.Element.Set.length;
 oFaded.Element.Set[iPos] = Obj;
 
}

for(var i=0, j=Ele.childNodes.length; i<j; i++)
 {
  var TempChild = Ele.childNodes[i];
  
  if(TempChild.nodeType===1)
  {
   if(TempChild.tagName==TagAr[0])
   {
    var TempAr = TagAr.slice();
    TempAr.shift();
    arguments.callee(TempChild, TempAr, ResultAr);
   }
  }
 }
 
 return ResultAr;
}

function fHexArrayToInt(ar)
{
 var TempAr = [];
 for(var i=0, j=ar.length; i<j; i++)
 {
  TempAr[i] = parseInt(ar[i], 16);
 }
 return TempAr.slice();
}

function fIsFunc(Func)
{
 if(Func) if(Func.constructor==Function) return true;
 return false;
}

function fIsEmpty(Source)
{
 var bStr = false;
 if(Source.constructor==String) Source = [Source], bStr = true;
    
 return /^\s*$/.test(Source[0]);
}

function fTrim(Source)
{
 var bStr = false;
 if(Source.constructor==String) Source = [Source], bStr = true;
 Source[0] = Source[0].replace(/^\s+|\s+$/g,'');
 if(bStr) return Source[0];
}

function fSetObject(Obj, sMsg, Dcu)
{
 if(!sMsg) sMsg = "無法獲得對象!";
 if(!Dcu) Dcu = document;
 
 switch(Obj.constructor)
 {
  case String:
   Obj = Dcu.getElementById(Obj);
   break;
   
  case Array: 
   Obj = Obj[0];
   break;
 }
 
 if(Obj==null) throw new Error(sMsg);
 
 return Obj;
}

function __Id(sTag, oDocument)
{
 if(!oDocument) oDocument = document;
 return oDocument.getElementById(sTag);
}

function __E(sTag, oDocument)
{
 if(!oDocument) oDocument = document;
 return oDocument.createElement(sTag);
}

function __T(sText, oDocument)
{
 if(!oDocument) oDocument = document;
 return oDocument.createTextNode(sText);
}

//]]>
</script>
</body>
</html>

相關特效代碼

熱門特效代碼: 騰訊天氣預報的JS代碼; 點擊“添加收藏”代碼; 多款表格邊框單元格特殊效果代碼; CSS 橫向圖片列表; 網站連接速度測試JavaScript代碼; 用CSS為表格添加陰影效果; 綜合搜索引擎代碼; 超級計數(shù)器網頁特效代碼; 強迫訪問廣告鏈接代碼; nVida 網站圖片滑動切換代碼

推薦特效代碼: 強迫訪問廣告鏈接代碼; 點擊“添加收藏”代碼; CSS 橫向圖片列表; 常用的對聯(lián)廣告帶關閉功能; 極品仿windows進度條效果; 漂亮的觸發(fā)行變色代碼