Forum : please provide me information regarding this
Brief description  about Online courses   join in Online courses
View Akula Pavan Kumar 's Profile

please provide me information regarding this

Please tell me what is the meaning of rollover and how to create using css. thanks in advance.
Asked by Akula Pavan Kumar | Jan 29, 2011 |  Reply now
Replies (2)
View teacher siliconindia 's Profile
HI

We explained this in "CSS links" please go through the chapter

Regards
Jan 30, 2011
View thangam nayagi 's Profile
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