l
l
blogger better. Powered by Blogger.

Search

Labels

blogger better

Followers

Blog Archive

Total Pageviews

Labels

Download

Blogroll

Saturday, December 17, 2011

16 Amazing jQuery Tooltips Collection

This will be a most wanted list of jQuery tooltips collection for every web designer.When you surfing the web you can see different types of tooltips effect in web sites.Here I listed more popular jQuery tooltips collection in these days.I hope to update this article with new tooltips effects in future.So bookmark this article for your future preference if you like this post.Use the links given below for the tutorials,demos and downloads.
The tooltip or infotip is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a tooltip may appear — a small "hover box" with information about the item being hovered over.
jQuery (mb)Tooltip

Article : http://pupunzi.open-lab.com/2009/02/07/mbtooltip/
Demo : http://pupunzi.com/#mb.components/mb.tooltip/tooltip.html
Download: http://cloud.github.com/downloads/pupunzi/jquery.mb.tooltip/jquery.mb.tooltip.1.6.zip
qTip
qTip is a tooltip plugin for the jQuery framework. It's cross-browser, customizable and packed full of features!

Article : http://craigsworks.com/projects/qtip/
Demo : http://craigsworks.com/projects/qtip/demos/
Download: http://craigsworks.com/projects/qtip/download/
TipTip

Article : http://code.drewwilson.com/entry/tiptip-jquery-plugin
Demo : http://code.drewwilson.com/entry/tiptip-jquery-plugin
Download: http://www.drewwilson.com/upload/data/4/tipTipv13.zip
jQuery Tools

Article : http://flowplayer.org/tools/tooltip/index.html
Demo : http://flowplayer.org/tools/tooltip/index.html
Download: http://flowplayer.org/tools/img/tooltip/tooltip.zip
Simpletip

Article : http://craigsworks.com/projects/simpletip/
Demo : http://craigsworks.com/projects/simpletip/
Download: http://craigsworks.com/projects/simpletip/
JavaScript Kit Tooltip

Article : http://www.javascriptkit.com/script/script2/htmltooltip.shtml
Demo : http://www.javascriptkit.com/script/script2/htmltooltip.shtml
Download: http://www.javascriptkit.com/script/script2/htmltooltip.shtml
BeautyTips
BeautyTips is a simple-to-use balloon-help style tootip plugin. Any element on the page can be set to show a talk-balloon containing any text or HTML on hover, click, or any bindable event.

Article : http://plugins.jquery.com/project/bt
Demo : http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html
Download: http://plugins.jquery.com/project/bt
clueTip
The clueTip plugin allows you to easily show a fancy tooltip when the user's mouse hovers over (or, optionally, clicks on) any element you designate in your script. If the element includes a title attribute, its text becomes the heading of the clueTip.

Article : http://plugins.learningjquery.com/cluetip/
Demo : http://plugins.learningjquery.com/cluetip/demo/
Download: http://plugins.learningjquery.com/cluetip/#download
EZPZ Tooltip

Article : http://theezpzway.com/2009/3/17/jquery-plugin-ezpz-tooltip
Demo : http://theezpzway.com/demos/ezpz-tooltip
Download: http://theezpzway.com/2009/3/17/jquery-plugin-ezpz-tooltip#section-10
Hovertips

Article : http://www.dave-cohen.com/node/1186
Demo : http://www.dave-cohen.com/node/1186
Download: http://www.dave-cohen.com/modules/hovertip/hovertip.js
jQuery Awesomeness

Article : http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/
Demo : http://d2o0t5hpnwv4c1.cloudfront.net/234_tooltip/Demo/index.html
Download: http://d2o0t5hpnwv4c1.cloudfront.net/234_tooltip/Demo.zip
Tipsy Tooltip
Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag's title attribute.

Article : http://onehackoranother.com/projects/jquery/tipsy/
Demo : http://onehackoranother.com/projects/jquery/tipsy/#examples
Download: http://onehackoranother.com/projects/jquery/tipsy/#download
Popup Bubble

Article : http://www.dvq.co.nz/jquery/create-a-jquery-popup-bubble-effect/
Demo : http://www.dvq.co.nz/wp-content/uploads/2008/07/jquery-popup-bubble/index.html
Download: http://www.dvq.co.nz/jquery/create-a-jquery-popup-bubble-effect/
jQuery Horizontal Tooltips Menu

Article : http://www.queness.com/post/556/jquery-horizontal-tooltips-menu-tutorials
Demo : http://www.queness.com/resources/html/tooltipmenu/index.html
Download: http://www.queness.com/resources/archives/jquery-tooltipmenu.zip
Coda Popup Bubbles

Article : http://jqueryfordesigners.com/coda-popup-bubbles/
Demo : http://jqueryfordesigners.com/demo/coda-bubble.html
Download: http://jqueryfordesigners.com/coda-popup-bubbles/
BetterTip

Article : http://edgarverle.com/BetterTip/default.cfm
Demo : http://edgarverle.com/BetterTip/default.cfm
Download: http://edgarverle.com/BetterTip/bettertip.zip
If there is a jQuery tool tip effect you like,but you can not add it to your website or blog yourself,you can contact me,I can do it for you.

0 comments

Post a Comment

blogger better Headline Animator