Highlight Navigation jQuery Plugin Released

I have released a jQuery plugin. It’s on GitHub, and you can find it here: Highlight Navigation. Demos and full documentation have been created and they are listed in the plugin’s read me on GitHub, but here is some preliminary information so that you aren’t left wondering what this is all about!


Highlight Navigation is a plugin that enables both keyboard and mouse navigation and highlighting for items belonging to elements. For example, this plugin is good for highlighting table rows when you press the down key, as well as applying actions upon pressing the “enter” key (or any other key, configurable in the options) or clicking on a row. Other elements that this plugin has been tested for and confirmed working are: UL, OL, and NAV. It should also work for other elements, with some caveats discussed in the plugin documentation.

Here are some demos:

Basic demo with a UL

Demo with a horizontal NAV menu, using left and right arrow keys

In this example, I’m demonstrating how to set up the plugin with a horizontal NAV menu. This is a good example of using the plugin for site menus. I setting an option to set the navigation keys to the left and right arrows. Additionally, I am overriding the default styles to be in a red theme.

Demo with a TABLE built with a Mustache template, using action callbacks

Please check it out and let me know what you think! I welcome any contributions.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s