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"
      });
    });
  </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