Tooltips are the easiest and coolest way to show additional information or special reference, which is often shown with mouseover or click actions, Here We’ve Collected 30+ Tooltip Scripts vary from CSS,Ajax based, mootools and jQuery with cool Animation . which you can easily incorporate into your future designs.
ToolTip_MooTools.
usies Gzip loader technique that will deliver CSS and Javascript files more faster and also with minimun HTTP
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/1.jpg)
Jquery Popup Bubbles
Coda Inspired Popup Bubbles
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/2.jpg)
Cool Tooltips
CoolTips is a lightweight unobtrusive JavaScript web-browser tooltips replacement technique.
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/3.jpg)
jQuery Plugin: betterTip
BetterTip is a plugin for the JQuery library that allows you to create custom tool tips. It is based on Cody Lindley’s jTip, but it is much more flexible.
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/4.jpg)
SuperNote
This is an accessible, CSS/JS based “popup tooltip” script that dynamically converts regular footnotes in a document into tooltips that appear next to their triggering elements.
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/5.jpg)
Prototip2
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/6.jpg)
Tooltips from AJAX, DOM nodes
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/7.jpg)
Boxover - Javascript/DHTML Tooltips
BoxOver uses javascript / DHTML to show tooltips on a website. Implementation of the tooltips, however, requires no knowledge of DHTML or javascript.
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/8.jpg)
MooTools Tooltip
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/9.jpg)
WebSnapr - Preview Bubble Javascript v2.0
The websnapr Preview Bubble is a simple, unobtrusive script used to display an overlay bubble showing a hyperlink target thumbnail using websnapr.
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/10.jpg)
Help Balloon
really cool Popup Baloon
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/11.jpg)
DHTM Goodies Balloon Tooltips
An alternative to the alt and title attribute. Roll your mouse over the links in the example to see how this work.
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/12.jpg)
DHTM Goodies Ajax Tooltips
A nice tooltip script where the content of the tooltip is retrieved by Ajax from external files.
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/13.jpg)
Tooltip.js
Creating simple tooltips
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/14.jpg)
Nice Titles
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/15.jpg)
Clue tip A Jquery Plugin
The clueTip plug-in allows you to easily set a link to show a “tooltip” of sorts when the user’s mouse hovers over the link. If the link includes a title attribute, its text becomes the heading of the clueTip.
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/16.jpg)
Mobile Tooltip widget
A mod version of the tooltip widget for GWT which supports mouse movement event.
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/17.jpg)
jQuery Input HintBox
An easy to use hint box script for forms using Jquery
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/18.jpg)
Form Field Hints with CSS and Html
This Script shows up hint for the currently focused input
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/19.jpg)
Jtip a jquery tool tip
A tool-tip solution with little more flexibility and customization now
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/20.jpg)
Easiest Tooltip and Image Preview Using jQuery
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/21.jpg)
Hovertips
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/22.jpg)
Advanced Tooltips
Add advanced tooltips for people on your photo
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/23.jpg)
Bubble Tooltips
Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page.
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/24.jpg)
Fading Tooltips - Nice, Lightweight JavaScript Tooltip
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/25.jpg)
Cool DHTM ToolTip II
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/26.jpg)
Css ToolTIp
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/27.jpg)
Tipster Demo
Customize anything and have advanced HTML formatting
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/28.jpg)
JavaScript, DHTML Tooltip
An easy to use cross-browser Tooltip JavaScript Library that creates tooltips,
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/29.jpg)
Popup Baloon
The balloon.js package is written in object-oriented JavaScript and allows you to add configurable balloon tooltips (AKA popup balloons, bubbles, rollover tooltips etc., etc.) to your website
![30+ [Javascript, Ajax , Css] Tooltips Scripts](http://dzineblog.com/wp-content/uploads/2008/10/Ttips/30.jpg)
- Smart Hover Box
- Animated tooltip
- Javascript Tool Tip Script
- Multiline Tooltip with HTML, CSS and JavaScript
October 21st, 2008 at 8:54 pm
Nice article. Thanks.
Eugene
October 21st, 2008 at 8:58 pm
Hi Eugene
this is the quickest comment i ever got ( Posted this article just 2 min ago)
October 21st, 2008 at 11:17 pm
Hey very nice article, interesting topic. I’ll have to make sure I come back to this one thanks
October 22nd, 2008 at 6:23 am
Thanks
October 22nd, 2008 at 9:48 am
Good work, thanks.
October 22nd, 2008 at 4:33 pm
The right article at the right time for me. Thanks for pulling these examples together.
October 25th, 2008 at 10:24 pm
Good work, thanks.
October 25th, 2008 at 11:55 pm
wow, great scripts - totally worth for bookmarking, thanks!
October 31st, 2008 at 9:42 am
Good, good good, you’re awesome man…
Congrats!
November 21st, 2008 at 12:25 pm
goodwork:)
November 23rd, 2008 at 7:12 am
Excellent list of websites, Thanks
December 19th, 2008 at 1:08 pm
thanks for these, im going to use the one tyhats used on the steve jobs and bill gates pic
January 13th, 2009 at 9:35 am
great scripts!!thank you, it is use full
March 27th, 2009 at 7:22 pm
Nice article. Thanks
March 31st, 2009 at 10:56 am
Excellent collection
Good Work dude
April 6th, 2009 at 4:57 am
Cool…. Thank U VERY MUCH… NICE Site…. keep gut work
April 16th, 2009 at 11:25 pm
nice, really nice!
May 7th, 2009 at 11:08 pm
Baby, you saved my day
Excellent collection of toolstips scripts!
June 3rd, 2009 at 9:14 am
Thanks, greate resources!
June 19th, 2009 at 10:10 pm
thanks for the post..
July 12th, 2009 at 12:24 am
Muito obrigado pela coletânea!!
os wevdevs do BraSil agradecem!!!
August 6th, 2009 at 2:32 pm
Wonderful collection of tooltips will surely help for my projects
September 2nd, 2009 at 12:28 pm
worth for bookmarking, thanks!
September 17th, 2009 at 12:35 pm
thx for awesome articles. this is what I am lookin’ for
November 12th, 2009 at 2:37 am
Very interesting, developers are always hungry for more great tools like this to make a website look better. Good food for though to think about all that can be made with a webpage today!
February 1st, 2010 at 11:03 am
its really a nice link deal with discount coach handbags,free shipping and no risk.
February 1st, 2010 at 11:04 am
70% family of US would like imitation from Asia,such as discount coach handbags products,there are really with high quanlity and wholesale price.
February 10th, 2010 at 3:19 am
I have programmed an useful jQuery Plugin to create easily smart bubble popups with only a line of code in jQuery!
What You can do:
- attach popups to any DOM element!
- mouseover/mouseout events automatically managed!
- set custom popups events!
- create smart shadowed popups! (in IE too!)
- choose popup’s style templates at runtime!
- insert HTML messages inside popups!
- set many options as: distances, velocity, delays, colors…
Popup’s shadows and colorized templates are fully supported by
Internet Explorer 6+, Firefox, Opera 9+, Safari
You can download sources from
http://plugins.jquery.com/project/jqBubblePopup
Example and Tutorials from
http://maxvergelli.wordpress.com/2010/02/10/bubble-popups-jquery/
March 6th, 2010 at 3:13 am
share thanks!