O'Reilly logo

jQuery for Designers Beginner's Guide by Natalie MacLees

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

Customizing the navigation menu

The included CSS with the Superfish plugin makes creating an interactive navigation menu quick and simple, but a soft blue menu isn't going to fit into every design, so let's take a look at how we can customize the menu.

We're going to take a look at how we can customize the look of the menu by writing our own CSS, customize the animation for showing the nested menus, highlight the current page, and enhance the hover behavior of the menu.

We're going to get started by writing some CSS to create a custom look for our menus. We're going to use the Suckerfish Dropdown approach to create a menu that will work for our site visitors who don't have JavaScript enabled. I'd like to create a soft gradient background and have ...

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