Omni Slide Menu

Omni Slide Menu

Omni Slide Menu is an super versatile slideout menu that reacts to the mouse hovering over and out of it. It supports enough features to make your head roll, though the default setup only takes a second to implement. All settings to the menu is done inside an external .js file. Below lists some of the main features of this script:

  • Supports 3 different types of orientation- left, top, or right of the browser edge.
  • Supports multiple instances of the menu on the same page, each with their own optional independent settings.
  • Menu can be set to always appear in view as the user scrolls the page with a choice between two behaviours- “absolute” positioning or “fixed” positioning. For the later, the menu will appear perfectly still even when the page is scrolled for browsers that support it. Non supporting browsers (IE6 and below) will simply fall back to “absolute” positioning.
  • Virtually all aspects of the menu dimensions and colors can be easily set. Link targeting also supported.

As you can see, if you need a slideout menu, Omni Slide is your guy!

For more details and Documentation of this script please follow the link given below:

To download this code, click the link mentioned below:

Simply download the zip file, which contains the files that make up this menu, plus a demo page:

See “demo.htm” for the code to paste to your own while referring to properties.htm if necessary for an explanation on the various options available for customizing this menu (within menuItems.js).

To get the version of the script integrated within a live template visit the website whose link is mentioned here:

Interested? Want to keep yourselves updated with the latest JavaScripts and codes? Try this website for more jQuery, CSS and HTML5 techniques.

JQuery is a very powerful tool, the more you learn about, more will you be amazed what it is capable of. Stay with us for lot of upcoming articles, Guidelines with plenty of great tutorials, Resources, etc.

Comments are closed