ranman/textsand

Use Quicksand to reorder text with a nice animation.

Textsand
jQuery plugin for reordering text with a nice shuffling animation.

Project site: http://ranman.org/textsand.

Demos and docs

None yet

Usage

$("#replace").textsand($("<h1>Hallo, Welt!</h1>");

OR

$(“#replace”).textsand($(“#newStuff”));

With markup like this:

<h1 id="replace">Hello, World!</h1>
<h1 id="newStuff" sytle="display: none">Hallo, Welt!</h1>

Dependencies

• jQuery 1.5+
• Quicksand https://github.com/razorjack/quicksand/
• Optional: jQuery Easing (http://gsgd.co.uk/sandbox/jquery/easing/)
• Optional: jquery-animate-css-rotate-scale.js (www.zachstronaut.com)

Browser Compatibility

Tested under:

• Chrome 11

Acknowledgements

Only a small portion of this code is mine. The hardwork was done by the gentlemen who created lettering.js and quicksand. I just want to make that very clear.

Licensing

Copyright © 2011 Joseph Randall Hunt released under both MIT and GPL version 2 license.