/jquery.balloon.js

A jQuery plugin to add balloon tips to elements User-friendly, fine-tunable and without css and images

Primary LanguageJavaScriptMIT LicenseMIT

A jQuery plugin to add balloon tips to elements User-friendly, fine-tunable and without css and images

See demos.

Quick start

(1) Download and load this plugin javascript file after jQuery.

<script src="/js/jquery.balloon.js"></script>

(2) Call $().balloon(options) in document ready event of jQuery.

$(function() {
  $('selectors').balloon(options);
});

Distinct features

  • Without css and images. Easy to apply to a website.
  • Edge of balloon tip is placed on optimized position.
  • Styled by both script and css.
  • Light weight and Fast even if the page has many balloons.
  • Any HTML and jQuery object as balloon tip contents.
  • User-friendly API.
  • Fine-tunable position, animations and some effects.
  • Advanced methods for power user.

Support

Chrome 49+, Firefox 36+, IE11+, IE Edge, Safari 9.1+, Opera 28+, Android Browser 50+

Links

Detail explanation here (in Japanese).

jquery.balloon.js - URIN HACK

Copyright

© 2011 Urin