HOUR 21:Building JavaScript Drop-Down Menus

What You’ll Learn in This Hour:

• How to create drop-down menus using JavaScript

• Defining menus using bullet lists

• Using CSS to lay out menus

• Using JavaScript to display and hide submenus

• Using CSS to improve the menu’s appearance

Welcome to Part VI! Now that you’ve spent some time learning both beginning and advanced JavaScript techniques, it’s time to put them into action with some more complicated examples. In this hour, you’ll use HTML, CSS, and JavaScript to create a drop-down menu navigation system.

Designing Drop-Down Menus

One of the most common uses for JavaScript and the DOM is to create drop-down menus, similar to those used in Windows and MacOS, as ...

Get Sams Teach Yourself JavaScript in 24 Hours 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.