C H A P T E R 4
Rollover Menus
Rollover menus consist of hyperlinks that change in some way when the cursor hovers over them. The hyperlinks enable the user to visit other pages on a web site. Navigation menu blocks can be horizontal or vertical, or a page can contain both types. This chapter deals with the basic principles for the most popular types. It then lists resources to enable you to create variations on the main themes. It deals with several horizontal menus because this type can be tricky. Vertical menus are well behaved; worked examples of vertical menu blocks are included later in the chapter.
All the examples use the CSS pseudo-classes, such as :link
,:hover
, and :active
, combined with a display:block
attribute or the display:inline-block; ...
Get Practical HTML5 Projects now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.