How to create text roll-overs

So you'd like to have a very nice effect on your page, one that changes the color of your text once the mouse moves over it. OK. It can be done very easily with a few codes of CSS (unfortunately, Netscape doesn't support this).

More specifically, you can use the A:HOVER CSS property. Here you see how to apply it to an H1 tag. It is made red when hovered over by the mouse.

<H1 onmouseover="this.style.color='red';"
onmouseout="this.style.color='';">Make me red</H1>

And you will get this:

Make me red - Move the mouse over me.

Of course, you can use it for your links as well, for example you could make one link to change in a specific color, the next to another color, etc. Just use your imagination.

Tips and Tricks