O'Reilly logo

Practical HTML5 Projects by Adrian W. West

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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; ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required