Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Add customizable bouncing effects with easing to any object
CoffeeScript
branch: master
Failed to load latest commit information.
demo
.gitignore refactored and added delay option and removed automatic delay (fire o…
LICENSE
README.md
index.html major refactor, added styled demo page
jquery-1.10.2.min.js major refactor, added styled demo page
jquery.bounce.coffee major refactor, added styled demo page
jquery.bounce.js
jquery.easing-1.3.min.js
jquery.responsiveText.js major refactor, added styled demo page

README.md

jquery-bounce

A jQuery plugin to create animated bouncing elements.

View the demo at [http://garyhepting.com/jquery-bounce]

Installation:

Initialize the plugin:

<script type="text/javascript">
  $(window).ready(function() {
    $('.bounce').bounce();
  });
</script>

Configurations can be added to the markup of each element with simple data attributes:

<img class="bounce" data-distance="200" data-speed-down="300" data-speed-up="650" src="./demo/ball.svg" alt="Bouncing Ball" />

Complete Options:

<img class="bounce" data-distance="200" data-speed-down="300" data-speed-up="650" data-gravity="bottom" data-timer="950" data-delay="0" data-loop="10" data-easing-down="easeInQuad" data-easing-up="easeOutQuad" src="./demo/ball.svg" alt="Bouncing Ball" />
Something went wrong with that request. Please try again.