Uncle Jim's Web Designs
Changing Text Attributes on Hover
Author:
Jim Stiles
This example demonstrates how to change your text attributes during hovering.
When you move your mouse over the text below, the color and size changes.
This is a link
INSTALLATION INSTRUCTIONS
COPY
-
Insert Between Head Tags: <HEAD></HEAD>
<style type="text/css"> <!-- .roll { font-family:Arial; font-size:14t; font-style:normal; font-weight:normal; letter-spacing:normal; text-decoration:none; text-transform:none; color:#8b0000; } A.roll:hover { font-family:Serif; font-size:26pt; font-style:oblique; font-weight:bold; letter-spacing:normal; text-decoration:none; text-transform:none; color:NAVY; }--> </style>
COPY
-
Insert Inside Body: <BODY></BODY>
<a href="http://www.jdstiles.com" class="roll">My Home Page</a>
Close This Window