Okay look at my site: www.berzerkerweb.com

You see the site tab links? When you hover over them they turn lighter blue instantly. How do I go about making them fade to the blue?

Heres half of a fade code I started and then I got lost..

<script language="JavaScript1.2">

function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=40
}

function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}

</script>

This will go in the actual link code..

style="filter:alpha(opacity=40);-moz-opacity:0.3"
					onMouseover="high(this)" onMouseout="low(this)"

Edited December 18, 200619 yr by Batch User

Can anyone please help?

Try dynamic drive or hotscripts, they have a large collection of dhtml and js scripts which can create this effect.

I had a file which achieved this so i'll try to dig it out. If i find it, i'll be sure to post the code for you (js).