jQuery Plugin Roundup 5

Alex R. Young





jquery plugins

jQuery Plugin Roundup 5

Posted by Alex R. Young on .

jquery plugins

jQuery Plugin Roundup 5

Posted by Alex R. Young on .

Welcome to the jQuery Plugin Roundup, episode 5. Remember you can send
your plugins in for review through our contact form or

pluginquery - jQuery Plugin Search

pluginquery is a search engine that indexes jQuery plugins. It's simple, fast, and clean. Try it

Codename Rainbows

Codename Rainbows is a plugin for generating gradients on blocks of text. It can apply highlights and
shadows as well -- these require CSS styles to get them just right.

The API looks like this:

  selector: '.selector',
  highlight: true,
  shadow: true,
  from: '#555555',
  to: '#000000'

Make sure the hex codes are the full six characters because it won't
convert abbreviations.

There's an article about the design and goals of the
, as
well as a demo.


jsPlumb can visually connect elements together with curved (or straight) lines. The
demo has examples of Bezier curves and straight lines.

The API is easy to use:

    target: 'window2', 
    paintStyle: {lineWidth: 15, strokeStyle: 'rgb(243, 230, 18)'}, 
    endpointStyle: {fillStyle: 'rgb(243, 229, 0)'}

The browser support is very impressive -- the author even lists IE6.

Nivo Slider

Nivo Slider is a library for image transitions. It has lots of different transitions, and you can apply
them programatically:

$(window).load(function() {
        effect: 'random',
        slices: 15,
        animSpeed: 500,
        pauseTime: 3000,
        directionNav: true, //Next & Prev
        directionNavHide: true, //Only show on hover
        controlNav: true, //1, 2, 3...
        pauseOnHover: true, //Stop animation while hovering
        beforeChange: function(){},
        afterChange: function(){}

Nivo can be found on GitHub: