30+ Tooltips Scripts With JavaScript, Ajax & CSS

Posted on 21 October 2008 by yugu

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

Jquery Popup Bubbles
Coda Inspired Popup Bubbles

Cool Tooltips
CoolTips is a lightweight unobtrusive JavaScript web-browser tooltips replacement technique.

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.

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.

Prototip2
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework

Tooltips from AJAX, DOM nodes

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.

MooTools Tooltip

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.

Help Balloon
really cool Popup Baloon

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.

DHTM Goodies Ajax Tooltips
A nice tooltip script where the content of the tooltip is retrieved by Ajax from external files.

Tooltip.js
Creating simple tooltips

Nice Titles

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.

Mobile Tooltip widget
A mod version of the tooltip widget for GWT which supports mouse movement event.

jQuery Input HintBox
An easy to use hint box script for forms using Jquery

Form Field Hints with CSS and Html
This Script shows up hint for the currently focused input

Jtip a jquery tool tip
A tool-tip solution with little more flexibility and customization now

Easiest Tooltip and Image Preview Using jQuery

Hovertips

Advanced Tooltips
Add advanced tooltips for people on your photo

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.

Fading Tooltips - Nice, Lightweight JavaScript Tooltip

Cool DHTM ToolTip II

Css ToolTIp

Tipster Demo
Customize anything and have advanced HTML formatting

JavaScript, DHTML Tooltip
An easy to use cross-browser Tooltip JavaScript Library that creates tooltips,

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

If You Like This Article Please Share These icons link to social bookmarking sites where readers can share and discover new web pages.

Related Posts	Sponsors
30+ Animated Tab-Based Interface and Accordion Scripts 30 Creative Examples of Javascript Slider & Scrollers 20+ Ready to Use Auto Completion Scripts 20 Cool jQuery Tricks for Web Developers 30 Useful Free Dingbat Fonts 6 Goals to Reach For When Designing Your Next Website

-->

27 Comments For This Post

Eugene Says:
October 21st, 2008 at 8:54 pm
Nice article. Thanks. Eugene
yugu Says:
October 21st, 2008 at 8:58 pm
Hi Eugene

this is the quickest comment i ever got ( Posted this article just 2 min ago)
idenity design Says:
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
toastedpixel.org Says:
October 22nd, 2008 at 6:23 am
Thanks
Simon Says:
October 22nd, 2008 at 9:48 am
Good work, thanks.
Ray Says:
October 22nd, 2008 at 4:33 pm
The right article at the right time for me. Thanks for pulling these examples together.
teknoloji Says:
October 25th, 2008 at 10:24 pm
Good work, thanks.
Dainis Graveris Says:
October 25th, 2008 at 11:55 pm
wow, great scripts - totally worth for bookmarking, thanks!
Gonzalo Says:
October 31st, 2008 at 9:42 am
Good, good good, you’re awesome man…

Congrats!
suryaps Says:
November 21st, 2008 at 12:25 pm
goodwork:)
Rene Says:
November 23rd, 2008 at 7:12 am
Excellent list of websites, Thanks
bebo skinz Says:
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
Leroy purses Says:
January 13th, 2009 at 9:35 am
great scripts!!thank you, it is use full
emre Says:
March 27th, 2009 at 7:22 pm
Nice article. Thanks
Gnanz Says:
March 31st, 2009 at 10:56 am
Excellent collection
Good Work dude
Sheed Says:
April 6th, 2009 at 4:57 am
Cool…. Thank U VERY MUCH… NICE Site…. keep gut work
Imputtilt Says:
April 16th, 2009 at 11:25 pm
nice, really nice!
wapa Says:
May 7th, 2009 at 11:08 pm
Baby, you saved my day Excellent collection of toolstips scripts!
ken Says:
June 3rd, 2009 at 9:14 am
Thanks, greate resources!
tasarhane Says:
June 19th, 2009 at 10:10 pm
thanks for the post..
Cristiano Says:
July 12th, 2009 at 12:24 am
Muito obrigado pela coletânea!!
os wevdevs do BraSil agradecem!!!
Celebrities Fan Sites Script Says:
August 6th, 2009 at 2:32 pm
Wonderful collection of tooltips will surely help for my projects
bags Says:
September 2nd, 2009 at 12:28 pm
worth for bookmarking, thanks!
ade Says:
September 17th, 2009 at 12:35 pm
thx for awesome articles. this is what I am lookin’ for
Beef recipes Says:
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!
discount coach handbags Says:
February 1st, 2010 at 11:03 am
its really a nice link deal with discount coach handbags,free shipping and no risk.
replica coach Says:
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.