link fade out

[zoso]

im am very new to html and css, but i would like to create the following effect:

when you mouseover a link, it will turn a certain color, and when you move the mouse off the link, it will slowly fade back to the original link color.

i understand how to modify link colors, etc. but i have no idea how to make the color fade. i've seen this on several sites (that i can't remember right now).

is this possible with html, or does it use something more complicated?

thanks in advance.

[_Aerospace_Eng_]

It can be done with javascript. This (http://simplythebest.net/scripts/DHTML_scripts/dhtml_script_110.html) seems to be what you want.

[zoso]

yep, i think thatll do the trick. ill mess around with that a little.

thanks for the quick response and moving my post to the correct forum. :)

[zoso]

ok, this script does seem to work if you are mousing over one link, then moving the mouse off.

but if you are mousing over multiple links, as soon as you mouse over another link, it cuts the fade cycle off the original link.

id like all of the links to run through the entire fade cycle, no matter how many links i mouse over. that way, if you have a column of links that you mouse over, it will leave a "streak".

ill research this more tomorrow, but if someone has a quick answer, id appreciate the help.

[_Aerospace_Eng_]

It does work on more than one link, almost every link on the page that has the script has the fading effect. Follow the directions on that page there are some things you have to do to get it to work on multiple links.

[zoso]

thanks again for the reply.

i realize that multiple links can use the effect. but the fade cycle works in two different ways:

1. if you mouseover a link and then move to white space, the fade cycle works as intended

2. if you mouseover a link and then mouseover a second link, the fade cycle for the first link will cut-off as soon as you mouseover the second link. so if you move the cursor through several links at the same time, only the last link will appear to have the effect. even the download page for the script has this problem.

[zoso]

ok, i did some more research on the effect that i wanted and i found it here:

http://www.javascript-fx.com/development/linkfader2/demo3.html

in case anyone else in interested.