Use Quicksand to reorder text with a nice animation.
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitignore
CHANGELOG.textile
README.textile
jquery.textsand.js
scripts
test.html

README.textile

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

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.