CodeAve.com/CSS - Text Hover Colors

CodeAve.com - CSS - Miscellaneous

ASP
JavaScript
CSS
·Basics
·Page Display
·Text Display
·Script Writers
·Contents
·What's New?
HTML
Maps
Links
Mail List
Search
Sitemap

Text Hover Colors

Mixing CSS commands and JavaScript can bring about some interesting effects. In the following example we place text between span tags and add JavaScript commands for onMouseOver and onMouseOut that will change the CSS display. When the mouse is not on the text it will display as black. When the mouse is moved over the text it will change to red.

•View the Output

•Text View

•Print View

•Mail this Link

<html>
<title>CodeAve.com/CSS - Text Hover Colors</title>
<body bgcolor="#FFFFFF">




Four score and seven years ago our fathers 
brought forth on this continent a new nation, 
conceived in liberty and dedicated to the proposition 
that all men are created equal. Now we are engaged in a 
great civil war, testing whether that nation or any nation so 
conceived and so dedicated can long endure.


</body>
</html>