CHANGE THE WORDS
Change the words with jQuery
USAGE
<script src="jquery.changethewords.js"></script> <script type="text/javascript"> $(function() { $("#changethewords").changeWords({ time: 1500, animate: "tada", selector: "span", repeat: true // false }); }); </script>
<link rel="stylesheet" href="animate.changethewords.css">
<div id="changethewords">I love <span data-id="1">Code</span> <span data-id="2">Spaghetti</span> <span data-id="3">Cats</span> <span data-id="4">Bikes</span> <span data-id="5">People</span> <span data-id="6">Me</span> <span data-id="7">You</span> </div>
Animation List
- bounce
- flash
- pulse
- rubberBand
- shake
- swing
- tada
- wobble
- jello
- ceIn">bounceIn
- bounceInDown
- bounceInLeft
- bounceInRight
- bounceInUp
- fadeIn
- fadeInDown
- fadeInDownBig
- fadeInLeft
- fadeInLeftBig
- fadeInRight
- fadeInRightBig
- fadeInUp
- fadeInUpBig
- flip
- flipInX
- flipInY
- lightSpeedIn
- rotateIn
- rotateInDownLeft
- rotateInDownRight
- rotateInUpLeft
- rotateInUpRight
- slideInUp
- slideInDown
- slideInLeft
- slideInRight
- zoomIn
- zoomInDown
- zoomInLeft
- zoomInRight
- zoomInUp
- hinge
- rollIn