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

Cooltip.js is a simple, flexible jQuery plugin to enhance the default browser tooltips that allow you to display any content inside your tooltips.


Documentation

Cooltip.js

In many web projects I find myself wishing I had a tooltip plugin on hand. There are many out there, but I often find they are pretty heavy, complex or outdated.

I also needed the ability to control what side of the tooltip the arrow shows (separate from the typical "direction" option), which would help immensely with icons in the corners of pages. So, I decided to write my own plugin.

Cooltip is a jQuery tooltip plugin, intended to be lightweight and flexible.

Demos, Options, and API

See the Cooltip homepage @ http://jaketlarson.github.io/cooltip to see the tooltip script in action with available options.

Installation

  1. To get started, clone the repository: git clone https://github.com/jaketlarson/cooltip.git

  2. Install npm. Then run npm install

  3. Run gulp.

  4. Copy cooltip.js and cooltip.css to your project.

  5. Use <a title="This link goes nowhere!"></a> and $('a').cooltip() for default configuration, using the title attribute as the tooltip text. More options here.

License

MIT license. See LICENSE file for more information.


You May Also Like