Add customizable bouncing effects with easing to any object
CoffeeScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo
.gitignore
LICENSE
README.md
index.html
jquery-1.10.2.min.js
jquery.bounce.coffee
jquery.bounce.js
jquery.easing-1.3.min.js
jquery.responsiveText.js

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" />