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.

navigation


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

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)

jCrumb Instant Breadcrumbs

What is jCrumb?

JCrumb is a JQuery plugin for instantly adding breadcrumbs to any webpage without the need to worry about sitemaps, or server side languages. Just add the plugin to every page you want breadcrumbs on initialize and your done. Can be also be styled with JQuery UI

n/a

Lite Content Slider

Jquery lite content slider is a really a light weight content slider with the ability to slide and any content with high customizability.

Features

  • Light weight.
  • Cross browser support.
  • No CSS and programming knowledge required.
  • Can add unlimited slides.
  • Play/Pause feature.
  • Can slide any element any where.

hovtive

Image replacement.

Mouse Events
Mouse Over, Mouse Out, Mouse Down

Default Property
$(".hovtive").hovtive(
{
flag: false, //mouse down event. disable = false, enabled = true
hover: '_over', //mouseover file name. example:name_01_over.png
active: '_down', //mouse down file name. example:name_01_down.png
stay: '_stay' //if(img.src==name_01_stay.png) mouse events = disable;
}
);

http://www.t2-designing.com/blog/2010/08/01/431/

Barousel

Barousel is a jQuery plugin to easily generate simple carousels where each slide is defined by an image + any type of related content.

Barousel comes with his cousin Thslide, which generate sliding lists.

Both plugins can be combined to create a nice slideshow.

Visual Navigation

A navigation menu that can highlight / change when the menu's target scrolls into view. Clicking on the menu will scroll the targeted section into view.

n/a

n/a

Drop Menu

With this script you can make nice and interactive drop down menus. The advantage of this script is that it not only gives you the ability to make list drop down menus. You can also use a div as drop down element. This way you can create big drop down menus like under the buttons products and tutorials in the live preview. Or you can create a login panel in your drop down like I did in the live preview.