bouncing text with jQuery

Home Text & Link Effectsbouncing text with jQuery

bouncing text with jQuery

13 years ago Views

16123

3139

mitya

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.