Plugins

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.

Plugins


1 year 19 weeks ago

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)
< < < < < < <
1 year 18 weeks ago

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,

< < <
1 year 20 weeks ago

Jquery collapser is a multi purpose collapser plugin made for expanding and collapsing elements. Can create a accordion, list collapser using this plugin.

Features

  • Very light-weight plugin, fast and simple.
  • Can collapse any element within an document.
  • Can add seperate classes for expanding and collapsing.
  • Customized targeting elements.
  • Callback functions.
  • Predetection of collapsed elements.
  • Can create accordion, list collapsers etc by adding a single additional line.
  • Cross browser supported.
< < < < < < <
1 year 19 weeks ago

A Radial Menu, also known as a Pie Menu, is a circular contextual menu. The interface is a pretty cool and intuitive one and is now easy to implement on your site!

Radial menu's are powerful primarily because the location of the menu items can be easily memorized by novice users, as well as experienced ones. The interface effectively engages users in a way in which they are capable of placing directional and gestural associations with particular actions; think muscle memory.

< < <
1 year 16 weeks ago

WiseJS - a wise tool for web developers

The components of WiseJS allow to embed any javascripts components in ASP.NET, including jQuery Plugins, jQuery UI, and more, includes powerful assistants to access different database, creation of events/actions on the server side and/or client side. Allows the simultaneous use of C # or VB and javascript.
Note: When viewing the full demo for the first time, be patient because the demo needs to load a set of full libraries; jQuery, jQuery UI, ExtJS, Dojo, DHTMLX ...

WiseJS´s components have two main goals:

A - The first scenario envisages the use of any component javascript. Allows it to be integrated into ASP.NET, using components from WiseJS specially created for this purpose.
These components contain a powerful assitant, which facilitates the integration, such as easy access to various databases, creation of events/actions to be processed on the server side, ...

< < < < < < < < <
1 year 29 weeks ago

imagineMenu is a jQuery plugin that lets you imagine all your *image menu* problems far away!

Few words about imagineMenu():

< <
1 year 51 weeks ago

jQuery Menu Style 1

jQuery Menu Features

  • Full cross-browser compatibility
  • Fully accessible even when javascript is turned off, as a pure css menu
  • Search engines optimized
  • Clear unordered list (LI and UL HTML tags) structure of jQuery menu
  • Easy to setup and update
  • Fantastic animation and transition effects
  • Multiple pre-desinded color schemes
  • Completely customizable styling with CSS
  • Powered by jQuery
  • Extremely small - 3kb uncompressed

Color Themes:
(White Smoke) jQuery Menu
(Dim Gray) jQuery Menu
(Black) jQuery Menu

< < < < <
2 years 48 weeks ago

Download
Download from Google Code

Description
It is very easy to use Tabify. All you need to do is to create an ul-list, fill it with a couple of li-elements with containing links (tabs) and create a couple of matching content divs. In the example below notice how the href-attribute on the link elements corresponds to the content div IDs.

Usage

$('ul').tabify();

<ul id="menu">
<li class="active"><a href="#contentHome">Home</a></li>
<li><a href="#contentGuestbook">Guestbook</a></li>
<li><a href="#contentLinks">Links</a></li>
</ul>
<div id="contentHome">Content for Home</div>
<div id="contentGuestbook">My guestbook</div>
<div id="contentLinks">Links</div></pre>

// All divs but #contentHome will be hidden since the menu option 'Home' has the class name 'active.

< < <
2 years 3 weeks ago

With this JQuery plugin you will be able to create a drop down menu like the one shown in the example below without the need to know JavaScript, only a basic knowledge of HTML and CSS. Documentation is included as a Word document that will guide you through the process of putting a drop down menu on your website. All fonts, colors, sizes and borders are customizable within the CSS.

< <
1 year 30 weeks ago

The best way to present whatever content you wish in a drop down menu!

This is to provide a good alternative for having both Mega Menu like flexibility in content display size/structure with very little code. The code is VERY simple, yet builds a powerful drop down menu. You can have 'table's, nested 'div's, 'dt's, 'p's and even 'form's as your drop-down. It will support single mega structure or multi-column structures. Please feel free to make suggestions. Hope you all like it!

demo page:
http://tumharyyaaden.site50.net/
download:
http://tumharyyaaden.site50.net/TYmegaMenu/TYmegaMenu.zip

<
2 years 4 weeks ago

jQuery DropDown Menu Style 3

jQuery DropDown Menu Features

  • Cross-browser compatibility
  • Works in browsers with disabled Javascript.
  • Search engines freandly
  • Unordered list (LI and UL HTML tags) structure for menu items
  • Easy to setup and update
  • Awesome animation and transition effects
  • Six pre-desinded color schemes
  • 100% CSS-driven designs.
  • Powered by jQuery
  • Lightweight - 7kb uncompressed
  • Unlimited sub-levels

Color Themes:
(Olive Drab) jQuery DropDown Menu
(Deep Sky Blue) jQuery DropDown Menu

< < < < <
3 years 37 weeks ago

This is Tree and you can have best fecilities and it is very simple tree

<
1 year 34 weeks ago

Access Expander is a small plugin that allows you to show and hide content in an accessible way. Keeping collapsed content positioned off the page (not hidden from screen readers), WAI-ARIA and tab navigability are implemented.

< < <
3 years 35 weeks ago

This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automatically activates a part of the accordion based on the current location (URL) of the page.

< < <
3 years 46 weeks ago

A jQuery powered accordion content script. Group contents together and reveal them on demand when the user clicks on headers. Specify whether only one content within the group should be open at any given time, style the headers depending on their content state, and enable persistence so the state of the contents is preserved within a browser session.

A dedicated page showing how to easily create an Accordion Menu using the script (see demo link) is also available.

< <
2 years 1 week ago

Un menu déroulant simple, vertical ou horizontal qui s'adapte à la page.
Vous pouvez avoir autant de sous-catégories que vous le souhaitez tout se mettra en forme automatiquement.

Le menu a été éprouvé sur tous les navigateurs et est compatible sur IE 6+

<
1 year 26 weeks ago

New version 1.3 07-24-2010!
Advanced List Rotator 1.3 just released, check the updated home page!

The purpose of Advanced List Rotator is to show each list item for a period of time, then jump to the next using pretty effects. It also utilize a helper list which can act as thumbnails for a gallery or tabs for a banner rotation. By hovering items in the helper list the main list will automatically show the connected item and pause the rotation. Once the user removes the mouse from the item the rotation will continue from that point. But, it can do so much more…

Advanced List Rotator is highly customizable. You can customize effects, timers, class names, start points, randomness, shuffle, user interaction triggers and wether or not the rotation engine should be enabled. This all allows for many fun variants of the plugin. Check out the example page to see some of the possibilities.

< < < < < <
2 years 6 days ago

AjaxFlagMenu is a simple vertical menu developed JavaScript, design is inspired from a social website Facebook, this menu is dynamically through functionality of Ajax by the XMLHttpRequest object, the first time I developed the first release 1.0.1 by using the ECMA 3 browsers Framework, but this version 1.0.2 I used the Framwork jQuery version 1.3.2 for ease of development and reduce the vulnerabilities of bugs.

<
2 years 8 weeks ago

Hi Dear,
Mohammad Ebrahim Amini Faravaghi
Thank You For Visit.
--Best Regards

< < < < < < < < < < < < < < < < < < < < <
1 year 46 weeks ago

Multilevel jQuery Menu with fade and smooth drop-down animation on submenu appearance.

Check live demo: Animated jQuery Menu (White Smoke)

< < < < < < < <
3 years 20 weeks ago

A drop down menu with a sleek "outline" animation added when it drops down, applicable to any anchor link. The menu can be set to appear either via a "click" or "mouseover" of the anchor link.

Structure wise, each animated outline menu is simply defined as regular list menus on the page, and supports an optional height setting that causes that menu to be scrollable (useful for very tall menus with lots of links).

<
1 year 46 weeks ago

this plugin adds some hover animation and beauty to your two-level menu.

<
1 year 17 weeks ago

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.

<
1 year 17 weeks ago

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.

<
3 years 12 weeks ago

Simple menu defined by a multidimensional array displaying a tabbed menu.

    $('#menu').aqMenu(
        [['file','File','alert("file")'],['close','Exit','alert("logout")']],
        {currentID: 'file'}
    );
<
2 years 1 week ago

This plugin automatically creates an anchors navigation for certain elements (for example H2) inside a container element (div, body whatever ...). It automatically generates the anchors and can even make them numbered. And the whole thing is of course fully styleable through CSS.

You can put more than one anchor navigation on the same page, just make sure that if you invoke them a second time with different options, that the link titles should be different or it can result in two anchors named the same.

Demos and instructions can be found on the plugin page: http://fredibach.ch/jquery-plugins/autoanchors.php

< < < <
2 years 47 weeks ago

This plugin parses all h1, h2, h3, h4, h5 and h6 tag and creates an internal menu.

< <
1 year 49 weeks ago

jQuery extension that auto generates the table of contents. Properly handles ul/ol indentation to indicate heading level.

http://www.robusthaven.com/articles/Automatically+generate+the+table+of+...

< < < < <
2 years 14 weeks ago

autoMouseOver is a jQuery plugin that automatically adds a mouseover effect to any selected images based on their naming structure. The default settings are:

{ outStr: "-out.", overStr: "-over." }

With the default settings, any selected image that has "-out." in its src attribute (eg. home-out.png) will mouseover to the same image name but with "-over." instead (eg. home-over.png). The default settings can be changed when the plugin is called.

For simplicity's sake, only basic string substitution is used (no regex support yet).

Tested with jQuery 1.3.2. It might work with other versions too.

Basic usage: $(any jQuery selector of img elements).autoMouseOver();

< < <
1 year 35 weeks ago

This jQuery plugin automatically generates animated sprites from a minimal amount of CSS. It makes building menus faster and easier while making them look cooler at the same time!

< < <