Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

menu


(mb)Extruder, slide extra content or a navigation tool in your page

Submitted by pupunzi on October 27, 2009 - 7:26pm

A good way to have extra content or a navigation tool in your page!

This jquery component let you easly build a sliding panel where to insert any kind of content; it has builtin all the functionalities for managing menu lines and sub panels with accordion effect. It can get the content via ajax and therefore you can dynamically build it by passing DATA via request using the metadata attribute settable on the extruder container.

demo page:
http://pupunzi.com/#mb.components/mb.extruder/extruder.html

download page:
http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-extruder/

Dependencies:

  • jquery.hoverIntent.js
  • jquery.metaData.js
  • jquery.mb.flipText.js (soon available as stand alone)

(mb)Menu, a powerful jQuery multilevel tree menu

Submitted by pupunzi on January 7, 2009 - 5:17pm

This is a powerful component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way!

Dependencies:

none

here is the js call:

$(”.myMenu”).buildMenu(
{
  template:”menuVoices.jsp”,
  additionalData:”",
  menuWidth:200,
  openOnRight:false,
  menuSelector: “.menuContainer”,
  iconPath:”ico/”,
  hasImages:true,
  fadeInTime:200,
  fadeOutTime:100,
  adjustLeft:2,
  adjustTop:10,
  opacity:.95,
  shadow:true,
  closeOnMouseOut:true,
  closeAfter:500,
  minZindex:"auto", // or number
  hoverIntent:0, //if you use jquery.hoverIntent.js set this to time in milliseconds; 0= false;

});

or you can call it as contextual menu:


$(document).buildContextualMenu(
{
template:”menuVoices.html”,
menuWidth:200,
overflow:2,
menuSelector: “.menuContainer”,
iconPath:”ico/”,
hasImages:false,
fadeInTime:200,
fadeOutTime:100,
adjustLeft:0,
adjustTop:0,

TekMenu

Submitted by daniprados on October 11, 2010 - 5:47pm

Plugin to generate dynamic menus, really easy to use.

The basic call

$("a.menu").TekMenu();

Apple Dock OSX menu zoom and slide functionality

Submitted by hermanvandermaas on September 28, 2010 - 4:33pm

This menu plugin resembles the Apple Dock menu. You can use it as an image slideshow or for displaying links to social networks. The script is a jQuery plugin, so you also need to include the jQuery library. You can download the jQuery library below. This script works on a div containing img’s, optionally wrapped in hyperlinks.

Apple Dock OSX menu

Submitted by hermanvandermaas on September 28, 2010 - 4:09pm

This menu plugin resembles the Apple Dock menu. You can use it as an image slideshow or for displaying links to social networks. The script is a jQuery plugin, so you also need to include the jQuery library. You can download the jQuery library below. This script works on a div containing img’s, optionally wrapped in hyperlinks.

jQuery configurable context menu

Submitted by danielecr on September 21, 2010 - 2:09pm

This is a configurable context menu, it works in 3 way: right click, hold down, hover.

Callback is executed with parameter e, the menu action event object normalized by jQuery, and el, the element associated with the menu.

Menu is an ul with position absolute, menu element are li with .hover class added on mouse over.

Ninja User Interface

Submitted by uininja on September 18, 2010 - 12:39am

Ninja

User Interface

the jQuery plugin for lethal interaction

Intuitive

Clear syntax, extending what you already know and love about jQuery.

Usable

Keyboard, touch and speech accessible.

Fast

Network-connection-free assets are embedded inside the 21k JavaScript file. Icons are Scalable Vector Graphics and Cascading Style Sheet is base64 encoded.

n/a

Sweet Menu

Submitted by cyphun on September 13, 2010 - 5:46pm

What is it?

Sweet Menu takes an ordinary unordered list of links and makes it a sweet looking menu. It does this by utilizing jQuery and it’s plugin system. Simply include the jQuery library, the Sweet Menu plugin, and make a simple jQuery call and you are on your way to a sweet looking menu!
How to use it!

The usage of Sweet Menu is like any jQuery method. Basically, call the jQuery object and pass in your selector with our method call of sweetMenu(). The most basic call would like like this:

$(selector).sweetMenu();

Please keep in mind that this method is meant to only work on one DOM element passed in, and because of that, if you use a jQuery selector that selects multiple DOM elements, Sweet Menu will only work on the first DOM element jQuery gets. Sweet Menu does return the jQuery object based on the selector used.

Website

Please see the plugin website for full documentation and examples:

stickyBar

Submitted by zephster on September 13, 2010 - 2:48pm

stickyBar is great for making your websites navigation menu stay visible even after scrolling past it.