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
-
To get started, clone the repository:
git clone https://github.com/jaketlarson/cooltip.git -
Install npm. Then run
npm install -
Run
gulp. -
Copy cooltip.js and cooltip.css to your project.
-
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.
