漂亮的触发行变色代码

<!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>www.qpsh.com</title>
<style type="text/css">
/* <![CDATA[ */
div{margin:1px; vertical-align:middle;}

.FadeId18Class
{
color:white;
}
.FadeId18OverClass
{
color:#D369A4;
}
/* ]]> */
</style>

</head>
<body>

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"]
   ) // www.qpsh.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);
}

function fFormat(sStr)
{
var Len = arguments.length;

switch(Len)
{
case 0: return "";
case 1: return sStr;
}

var Re = null;
for(var i=1, j=0; i<Len; i++, j++)
{
Re = new RegExp(["\\{", j, "\\}"].join(""), "g");
sStr = sStr.replace(Re, arguments[i]);
}
Re = null;

return sStr;
}
//<![CDATA[
var Time = 20;
var Interval = 5;
var Container = document.getElementById("Container");

var StartDate = new Date();

var Fade = new Faded();
Fade.Debug = false;

Fade.Element.BatchAdd
(
   "Container"
   , "tbody->tr"
   , ["#F5F5F5", "#ececec"]
   , ["#cccccc", "#cccccc"]
   , false
   //, ["#eeeeee", "#ffffff"]
   , Time
   , Interval
);

Fade.Go();

var FadedAu = Fade.Get.Au();
document.title = FadedAu.Subject+" "+FadedAu.Version;

Fade = null;

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

posted @ 2013-02-18 19:31 tmscnz 阅读(202) 评论(0) 编辑收藏举报

刷新页面返回顶部

漂亮的触发行变色代码

公告