Submit your widget

bouncing text with jQuery

Created 8 years ago   Views 22960   downloads 4039    Author mitya
bouncing text with jQuery
View DemoDownload 36.8 KB
121
Share |

Bouncy text is a jQuery plugin that animates text, bouncing each letter matched in the selector at random intervals. A pointless, if slightly fun method to make your page a little quirky.

Here's the code behind that example:

$(function() { $('#bounceTest span').bouncyText(); })
<h2 id='bounceTest'><span>this text</span> is bouncing!</h2>

Usage & params

Via jQuery selector, target the element whose text you want to bounce, and run the bouncyText() method on it. Above, we're targeting the span inside the h1.

The method itself takes no parameters.

Browser compatibility

The script works in all versions of IE, Firefox and Opera, but not currently in Chrome or Safari.

The article source:http://www.mitya.co.uk/scripts/Bouncy-text-150