Menus

Simple Toggle with CSS & jQuery

Filed in Menus - over 3 years ago

Learn the basics of jQuery and the toggle effect.

Sliding Sidebar

Filed in Menus, Navigation - over 3 years ago

Sliding sidebars that follow the user up and down the page are great for viewing what’s in your shopping cart on e-commerce sites or for site navigation.

Sliding Menu Background

Filed in Menus, User Interface - over 3 years ago

Normally when you mouse over a list of links, the text/background color might change or even the background image might switch to another image. In this tutorial I will show you how to take a normal list of links and add a hover effect so that the bullet image will slide out and another image will then slide in, thus creating an very cool subtle effect.

Flickr Horizontal Menu

Filed in Menus, Navigation - over 3 years ago

Implement an horizontal menu Flickr-like using CSS and Javascript to show/hide sub-menu.

jqDock

Filed in Menus, Navigation - over 3 years ago

Transform a set of images into a Mac-like Dock menu, horizontal or vertical, with icons that expand on rollover.

(mb)Tabset

Filed in Menus - over 3 years ago

A component that let you build a tabbed interface really easily; and you can even sort your tabs as you want!

Drill Down Menu

Filed in Menus - over 3 years ago

This script turns an ordinary UL list into a drill down style menu, adding a new dimension to the conventional drop down menu. The top level UL dictates the height of the menu, with the sub levels tucked away until navigated to. You can customize which level should be shown by default, whether to remember the last shown level when the page reloads, plus the speed of the "drilling" animation. And to ensure the user doesn't get lost with all this drilling, the script can optionally display "breadcrumb" links that reflect the current level the user is at.