<!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" dir="rtl">
<head>
<title>Untitled Page</title>
<style type="text/css">
a#LinkBar{
color:yellow;
font-family:tahoma;
}
</style>
</head>
<body>
<div id="LinkBarParent" style="border:solid 1px red;background-color:Maroon;">
<a id="LinkBar" href="http://LinkLocation">LinkBar</a>
</div>
<script type="text/javascript">
var FadeSpeed=10; // Fade Speed :1(slow) to 15(fast)
var PauseDuration=5000 // Number as miliseconds :1(fast) to Unlimited
// Set Date [["Link","Title","Tooltip"],["Link","Title","Tooltip"],....]
var Links=[["http://majidonline.com","مجید آنلاین","سایت مجید آنلاین"],["http://yahoo.com","Yahoo!","Yahoo is search box!"],["http://google.com","گوگل","ارزش گوگل 190 میلیارد دلار شد"]];
var vActiveLink=0; // Active Link date
var vObj=document.getElementById("LinkBar");
var vObjParent=document.getElementById("LinkBarParent");
var vCurrentColorMinor=0;
var vCurrentColorMajor=0;
var vHexColor=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];
function Fade()
{
//Reset link loop
if(vActiveLink>=Links.length)
{vActiveLink=0}
// Set new date for <a> tag
vObj.setAttribute("href",Links[vActiveLink][0]);
//vObj.setAttribute("onmouseover",function(){window.status=(Links[vActiveLink-1][2])});
vObjParent.setAttribute("title",Links[vActiveLink][2])
vObj.innerText=Links[vActiveLink][1];
vActiveLink++;
// Set defualt(fade color) status for new link
vCurrentColorMinor=0;
vCurrentColorMajor=0;
FadeC2C();
// TimeOut: Pause time between links
window.setTimeout("Fade()",PauseDuration);
}
// FadeC2C: Fade Color to(2) Color;
function FadeC2C()
{
// Check: Is End of color?
if(vCurrentColorMinor>15)
{
vCurrentColorMinor=0;
vCurrentColorMajor++;
// Check: Fade is end?
if(vCurrentColorMajor>14)
{
clearTimeout("FadeC2C()")
return false;
}
}
//Change style color
vObj.style.color=(vHexColor[vCurrentColorMajor]+vHexColor[vCurrentColorMinor]+vHexColor[vCurrentColorMajor]+vHexColor[vCurrentColorMinor]+vHexColor[vCurrentColorMajor]+vHexColor[vCurrentColorMinor]);
vCurrentColorMinor+=FadeSpeed;
//Delay of color change
window.setTimeout("FadeC2C()",10);
}
Fade();
</script>
</body>
</html>