Once upon a time, doing text link rollovers involved a lot of annoying JavaScript. Not any more. Here's how CSS takes care of it:
A:link { color: blue }
A:hover { color: red }
Add these rules to your code, and all of your links will be blue by default and red when the user mouses over them. Roll over this link to see it working.
As we know from CSS1, you can also specify formatting for visited links and active links. If you want to use A:hover, make sure always to use A:link. Otherwise, IE will ignore your A:hover rule.
Note: This feature was actually already supported in IE 4.x (both PC and Mac).
You can change much more than color with A:hover. Here are some ideas (mouse over them to see the action):
Notice how the layout of the entire page changes on the fly to accommodate that text-size change. It's quite impressive, though a bit disconcerting for the user, so be sure to use these toys wisely.
next page»