Skip to content
This repository has been archived by the owner on Jun 30, 2020. It is now read-only.

talut/changethewords

Repository files navigation

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
Thanks for Repeat Option JordanMichael2158

Releases

No releases published

Packages

No packages published