February 2006
Intermediate to advanced
826 pages
63h 42m
English
A rollover is a visual effect in which an item
on the page changes when the pointer is placed over it. It has proven to
be an effective interface device for indicating that a button or link is
interactive and is ready to be clicked. Previously, it was necessary to
use JavaScript to create rollover effects, but the same thing can be
accomplished with CSS alone using the :hover pseudoclass selector.
It should be noted that Internet Explorer 6 (and earlier) does not
support :hover on elements other than
links (a), so this section focuses on
text and image link rollovers . The good news is that IE 7 expands the use of :hover to apply to all elements.
Read now
Unlock full access