Article Diary - General Knowledge Digest

TipTip - jQuery Tooltip Plugin

TipTip is a jQuery tooltip 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 all majorly used web browsers.

jQuery Tooltip Plugin

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.

TipTip Features
  • 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
Attached Files
There are no attachments for this article.
Comments (1)
Comment by Spud on Sun, Feb 28th, 2010 at 10:35 AM
Examples such as this would be a lot more impressive if they actually showed the thing being demonstrated.
Security Code Security Code
Related Articles RSS Feed
UI Patterns - User Interface Design Pattern Library
Viewed 1049 times since Thu, Dec 31, 2009
10 Most Popular JavaScript Frameworks
Viewed 927 times since Thu, Jul 8, 2010
File Upload in PHP - PHP File Upload Script
Viewed 2078 times since Thu, Nov 5, 2009
Making A Basic PHP Template System
Viewed 853 times since Tue, Dec 8, 2009
50 Free And Quality Web Icons
Viewed 1323 times since Tue, Jan 5, 2010
What is new in HTML 5?
Viewed 963 times since Sat, Apr 3, 2010
Open Source Web Analytics Framework
Viewed 827 times since Sat, Jan 30, 2010
Viewed 861 times since Sun, Jan 17, 2010
IE6 CSS Fixer - Web-Based IE6 CSS Fix Tool
Viewed 965 times since Thu, Dec 31, 2009