hi pavan,
rollover(hover) means as a visitor moves their mouse over a rollover button or link, it changes to indicate that it's clickable.
To create a hover over a link you can use
a:hover{
color:red;
}
similarly if you want to hover over a button for eg. the button is named E-mail Us and you have the html code for that as
<a id="emailUs" href="#" title="Email Us"><span>Email Us</span></a>
then the classes are defined by the following code
#emailUs
{
display: block;
width: 107px;
height: 23px;
background: url("emailUs.gif") no-repeat 0 0;
}
#emailUs:hover
{
background-position: 0 -23px;
}
#emailUs span
{
display: none;
}
so when you hover over pixel 0 to 23 px you can set it display any specific color,...
Hope this clarifies your doubt
regards
thangam
Jan 29, 2011