Underline on mouse rollover

Underline on mouse rollover

There are two ways of achieving this functionality

1. Javascript
2. CSS

Javascript:
By using “onmouseover” and “onmouseout” events which calls two user defined functions “blockStyle(‘param’)” and “displayStyle(‘param’)”,where param is a unique id for that hyperlink when the event occurs.
Eg. click here

CSS:
By using hover.
Write this source code in the css file.
a:hover
{
text-decoration:underline;
color: blue;
}
This above code will affect all the hyperlinks(anchor tag) in the same webpage.

Tags: ,

Leave a Reply

Recent Comments

  • Stanford Reach: Great post. Thanks!
  • Shu Crunk: I was simply browsing for useful blog articles intended for a project research and I happened to stumble...
  • Marya: Hey rather wonderful weblog!! I’ll bookmark your weblog and grab the feeds conjointly…
  • John Vay: ive just started my own hosting company its such hard work haha :P
  • write a good resume: Your the best!