jquery.balloon.js

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

Demos

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