TipTip: Lightweight jQuery Tooltip Plugin

TipTip is a jQuery plugin that allows use to create simple, customizable Tooltips for your web page. It is really lightweight (only 3.5kb minified). TipTip is an intelligent tooltip plugin that detects the edges of the browser window and will make sure the tooltip stays within the current window size. TipTip has been tested (and works) in: IE7+, Firefox, Safari, Opera, and Chrome.

TipTip uses the “title” attribute just like the native browser tooltip does. However, it copies title and then remove it from the element – so that the browser tooltip will not show up. No images are used to style the tooltip and is completely customizable via CSS.


  • Customize maximum width
  • Customize distance of tooltip from the element
  • Customize number of milliseconds before showing the tooltip
  • Specify fade-in and fade-out speed
  • Supports custom callback function that is run on mouseover
  • Supports custom callback function that is run on mouseout

Developed by Drew Wilson; TipTip jQuery Plugin is available for download under Dual MIT and GPL License.  You can find further information, demos & download on TipTip jQuery Plugin Website.

Stay Updated

If you found this post useful, consider subscribing to our RSS Feed! You can also stay updated by following us on Twitter and Facebook or by subscribing to our FriendFeed.

Bookmark / Share

Bookmark and Share

Read More




Reader Comments

3 Responses to “TipTip: Lightweight jQuery Tooltip Plugin”
  1. thierry says:

    Very good plugin, I use it on my new blog and it’s really pretty.

  2. Michael Pehl says:

    i am using it in some demos … for example here:


    you can see TipTip in action with some gradients (working only in webkit browsers). very cool tooltip plugin

  3. Jim says:

    Nice concept, will watch it with intereste. However, results on their website in Internet Explorer are 90% blank pages. Will watch though. Thanks for posting.

Leave Comment


Stay Updated, Subscribe to RSS Feed




Sponsored Links