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.

mouse


jEffects

Submitted by rezoner on June 19, 2010 - 6:59pm

jEffects enhances user interaction by providing decorative effects. It’s all packaged into an intuitive jQuery plugin. It creates fireballs, bubbles, snow and stuff.

Please see the live preview to get a better idea of what it offers.

Longclick

Submitted by vostrel on May 31, 2010 - 7:40am

Longclick is press & hold mouse button "long click" special event for jQuery 1.4.x. The event is triggered when the mouse button stays pressed for half a second (configurable) while the pointer is stationery.

Mousey Dialog

Submitted by mdbiscan on May 17, 2010 - 4:45pm

mouseyDialog

mouseyDialog attempts to solve the dialog issue while keeping things simple. It's just a dialog positioned by the mouse. Clicking the close button or outside the dialog will close it (if you're using the click event). mouseyDialog knows where the edge of the window is and will reposition itself if it's outside of it.

HTML required to use mouseyDialog:

  1. 1. An anchor with an href reference to an ID
  2. 2. A corresponding ID on an element (let's you determine the structure - use div, ul, p, whatever!)

HTML Example

<a href="#example">Hello</a>
<div id="example">How are ya?</div>

Calling the Plugin

$('a').mouseyDialog();

Associated Selectors

  • dialog div: mouseyDialog
  • close div: mouseyDialog_close

Options

zIndex

Sets the z-index of the dialog

Cusor Hover

Submitted by jakelauer on April 29, 2010 - 2:09pm

This plugin lets you create a two-layer button with one layer that follows the mouse. This method allows you to create some very professional effects on your site.

jQuery selectedText

Submitted by Lugat on April 27, 2010 - 3:48am

Text-Selection Event Plugin.

Get the selected text inside an element and throw events for start, selecting and stop.

DistanceMon

Submitted by SaturnPolly on September 21, 2009 - 4:19am

Monitors the distance between the bounds of a given element and the current mouse position. Pass on a callback and (optional) a min and/or max distance.

Gallery Slider Plugin

Submitted by webdawson on June 6, 2009 - 1:00pm

The jQuery Gallery Slider is a tiny jQuery Plugin (<1kb) for sliding unlimited Images in Fullscreenmode up and down with the mouse. Resizing the Browserwindow is no problem. You can also set a specific width for your images (in px, % and em) if you don't want them fullscreen or set a rasterimage if you want.

Repeated events if holding mouse button

Submitted by alexandrz on June 3, 2009 - 4:29pm

This plugin allows developers to bind a function to a repeatedclick event which occurs when the mouse button is held. Like all jQuery functions, it is bound for all matching elements.

The repeatedclick event is fired when the pointing device button is clicked over an element. A repeatedclick is defined as a sustained mousedown event over the same screen location. The sequence of these events is:

mousedown
repeatedclick

The following event will be repeated if the mouse button is held:

    $('.counter .plus').repeatedclick(function () {
        // body...
    }, {
        duration  : 500, // starting duration
        speed     : 0.8, // duration multiplier
        min       : 100  // minimum duration
    });

crossSelect plugin

Submitted by wheresrhys on May 23, 2009 - 4:18pm

This plugin can replace any multiple select element with a "switch item to the other column" interface more intuitive to use, and more similar to that seen in many desktop applications.

The select is turned into 2 columns, with select, remove, select all and remove all buttons inbetween them. By first clickng on one of the select's options and then clicking the select button the item is moved to the column (and the original is given selected="selected"), and it works similarly with the other buttons.

It's customisable in 7 ways - font size, number of rows, width, double click and single click behaviour, and behaviour if list items overrun vertically or horizontally.

It has been fully tested in ie6, 7 and 8, safari, and ffx. please let me know if you come across any bugs.

hoverFlow - A Solution to Animation Queue Buildup

Submitted by 2meter3 on April 18, 2009 - 1:36pm

The hoverFlow plugin helps you build smoother hover animations with jQuery.

When creating hover animations (for example navigation bars), you might have come across the problem of animation queue buildup: When you mouseover/-out an element a couple of times, the animation will continue even after you stop moving the mouse. Using the stop()-method is a first answer, but creates unnatural animations.

The hoverFlow plugin honors a single mouseover/-out with a full animation cycle while still preventing animation queue buildup.

A queued animation will only run if it corresponds with the current mouse position at "runtime" (that is, when the animation is dequeued, not when the event was triggered). A mouseover animation will only run if the mouse is currently over the element, and a mouseout animation will only run if the mouse is currently not over the element. Otherwise, the animation queue is empied.