🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

balloon.js is a jQuery plugin that allows you to easily add User-friendly and fine-tunable tooltips to any element on your page, even without using any CSS and image.

User-friendly

Documentation

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


You May Also Like