html Changing Text Style OnMouseover

[gmail]

Changing Text Style OnMouseover

This snippet of JavaScript simply applies a style when the mouse hovers over a particular area. It is probably best used in links; for example, place your mouse pointer over this link.

There is nothing to stop it being used with other elements, as you will see if you put your cursor over this paragraph.

This is the CSS code I used, although you can use whatever style you wish, of course: &amp;lt;style&amp;gt;<br>&amp;lt;!--<br>.over{font-size: normalpt;color: Red;font-weight: bolder;font-style: italic}<br>.over2{font-size: normalpt;color: Blue;font-weight: bold;}<br>--&amp;gt;<br>&amp;lt;/style&amp;gt;If you wish, you can use a separate .css file to define the styles, and link to that.

The JavaScript for insertion in the <A> tag is: onMouseOver="this.className='over'" onMouseOut="this.className=''" The second paragraph uses 'over2' in the <p> tag, of course.

From : http://www.jsr.communitech.net/textstyle.htm