January 3, 2000 - Changing Links' Color and Text

Yehuda Shiran January 4, 2000
Changing Links' Color and Text
Tips: January 2000

Yehuda Shiran, Ph.D.
Doc JavaScript

When coding text rollovers, you can combine the effect of text changes with that of color changes. The following code segment demonstrates this idea:

<A HREF="http://www.microsoft.com/">
<FONT COLOR="#0000ff"
      onMouseOver="this.innerHTML = 'The Software Tycoon';
                   this.style.color = '#ff0000';"
      onMouseOut="this.innerHTML = 'Microsoft';
                  this.style.color = '#0000ff';">Microsoft</FONT></A>

Here is the result: Microsoft

Learn more about text rollovers in Column4, Text Rollovers.