Archive

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.