Advanced keypress navigation with jQuery

The blue box below shows a navigation list, containing several links to different web pages. You can use your mouse to select the links, but you can also use your arrow keys ("Up" and "Down") to navigate through the list. Hit "Enter" (or "Return") to follow that link when using your keyboard.

This example has been created using the superb jQuery JavaScript library by When using this kind of techniques, you can easily improve the user experience of any visitor and could be combined with other techniques like the search suggestion.