<!-- Original: Richard Hucko (rhucko1@yahoo.com) -->
<!-- Web Site: www.DynamicScripts.TK -->
<script language="JavaScript" type="text/javascript">
<!--
var a=new Array();
var colorCount=0,bgcolorCount=255;
var Timer;
window.onload=load;
function load()
{
a=document.getElementById('container').getElementsByTagName('a');
}
function LoadAll(arrayID)
{
if(colorCount<255||bgcolorCount>0)
{
with(a[arrayID].style)
{
color="rgb("+colorCount+","+colorCount+","+colorCount+")";
border="2 white outset";
backgroundColor="rgb("+bgcolorCount+","+bgcolorCount+","+bgcolorCount+")";
}
colorCount+=4;
bgcolorCount-=4;
}
Timer=setTimeout("LoadAll("+arrayID+");",10);
}
function OMOver(arrayID)
{
clearTimeout(Timer);
bgcolorCount=255;
colorCount=0;
LoadAll(arrayID);
}
function OMOut(arrayID)
{
bgcolorCount=0;
colorCount=255;
with(a[arrayID].style)
{
color="lightyellow";
border="0";
backgroundColor="black";
}
}
function OMDown(arrayID)
{
with(a[arrayID].style)
{
colorCount=255;
bgcolorCount=0;
border="2 red inset";
}
}
//-->

</script>

<style type="text/css">
<!--
body div#container a {
font-weight:bold;
color:lightyellow;
}
-->
</style>

<!-- Original: Richard Hucko (rhucko1@yahoo.com) -->
<!-- Web Site: www.DynamicScripts.TK -->
<div id="container">
<span style="color:white;z-index:1;position:relative;display:none;background-color:transparent;">Dynamic Fading Links (Cross-Browser) Created By Richard Hucko, Kaneohe Hawaii 96744 - 2004 - WebSite: http://DynamicScripts.tk - For More FREE JavaScript and DHTML Effects Check Out: www.DynamicScripts.tk - Home of Quality JavaScript and DHTML Effects - RHUCKO1 - Search Engine Keywords: Richard Hucko, DynamicScripts, RHUCKO1</span>

<!-- Add or Take Away Links Within this Div Tag -->
<!-- Make Sure to Follow the Format Below i.e. increase the number in each function with each link - see below -->
<!-- If you Remove a Link/Links You must modify all the links that are effected must move sequentially from zero to one less than the number of links -->
<a href="#" onmouseover="OMOver(0)" onmouseout="OMOut(0)" onmousedown="OMDown(0)"># One</a>
<a href="#" onmouseover="OMOver(1)" onmouseout="OMOut(1)" onmousedown="OMDown(1)"># Two</a>
<a href="#" onmouseover="OMOver(2)" onmouseout="OMOut(2)" onmousedown="OMDown(2)"># Three</a>
<a href="#" onmouseover="OMOver(3)" onmouseout="OMOut(3)" onmousedown="OMDown(3)"># Four</a>
<a href="#" onmouseover="OMOver(4)" onmouseout="OMOut(4)" onmousedown="OMDown(4)"># Five</a>
<!-- I've Added some Commented Liks Below for Easy Addition. -->
<!-- <a href="" onmouseover="OMOver(5)" onmouseout="OMOut(5)" onmousedown="OMDown(5)"># Six</a> -->
<!-- <a href="" onmouseover="OMOver(6)" onmouseout="OMOut(6)" onmousedown="OMDown(6)"># Seven</a> -->
<!-- <a href="" onmouseover="OMOver(7)" onmouseout="OMOut(7)" onmousedown="OMDown(7)"># Eight</a> -->
<!-- <a href="" onmouseover="OMOver(8)" onmouseout="OMOut(8)" onmousedown="OMDown(8)"># Nine</a> -->
<!-- <a href="" onmouseover="OMOver(9)" onmouseout="OMOut(9)" onmousedown="OMDown(9)"># Ten</a> -->
</div>

Richard Hucko

Kopieren Sie bitte den Code