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. <a onmouseout=”blockStyle(’link’)” onmouseover=”displayStyle(’link’)” href=” ” mce_href=” ” >click here</a>
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.
