CSS Text Roll-overs
 
Network Websites
Corporate website
Beautiful Clip Art
Fast Cars
Video Tiger
Fantasy Art
Beauty & Health
Tips & Tricks

Fast Loading Pages
Glowing Links II
Hide E-mail Address
Javascript Links
Link Colors
Marquees
Navigation
New Window
No Underline Links
Out of a Frame
Page Flash Effects
Preload Graphics Protect Graphics
Redirect Scrolling Javascript
Text Roll-Overs
Tooltip Links
[more tips...]

Tutorials
CSS
Colors
Forms
FTP
Image Maps
Meta Tags
Resources

Web Hosting
Counters & Trackers
Domain Names
Graphics
Web Page Design
Java Script
DHTML

 

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.

Sponsor

Hot Wedding Ideas

Advertise
Really affordable rates.
Feedback
Comments, suggestions?

 

 

home | tips & tricks | tutorials | tools | resources | contact | advertise
© 2000 - 2001 GT Media Inc. All rights reserved.