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.

Bounce


* Added live demo page (url at bottom of page)

This project allows the user to extend the elements on the web page (created for use with 'textarea' elements, but no reason why it cannot be used elsewhere) with a bounce animation.

It requires both jQuery and the jQuery Easing plugin (details can be found: http://plugins.jquery.com/project/Easing).

By selecting the elements and calling the 'bounce' function you will apply the default bounce functionality.

The default behaviour is to hide the elements and only display the clickable bar, although this can be changed either using the 'open: true' configuration parameter or by calling the 'bounceOpen' function.

Examples include:

$('textarea').bounce();
$('textarea').bounce({bottom: false, open: true});
$('textarea').bounce({bottom: false}).openBouncer(1);

* The '1' passed as the parameter to the 'openBouncer' function above refers to the first bounce element.

You can specify multiple bounce elements by comma separating there numbers i.e. 'openBouncer(1,2,5)'.

Further details can be found in the jquery.bounce.js header.

The layout is all controlled through CSS and you can change the default class used if necessary by changing the 'bounceclass' configuration option.

I first created this functionality with the mootools (http://www.mootools.net) javascript framework, however I techincally prefer to use the jQuery framework and so, here it is...

Enjoy!

My other projects include:
Hover Image Text - http://plugins.jquery.com/project/HoverImageText
TextArea Resizer - http://plugins.jquery.com/project/TextAreaResizer

Downloads

Version Downloads Date Links
1.0.0 Notes


4.4
Your rating: None Average: 4.4 (5 votes)