10+Jquery Tooltip Plugins and Tutorial Collection
2011-06-16 10:52
597 查看
Jquery Tooltip Plugins and Tutorial Collection
January 20th, 2011 by aditia rahman / 1 CommentTweet
There are so many solution that offer out there for creating tool tip based on jQuery, even in the jQuery UI milestone the tool tip has been included in the project here is the jquery ui tooltip milestone, but if you need now sure you have to use the 3rd plugins or create by yourself, in this post I try to collect all that I can found including the link to the step by step tutorial.
Ready To Use Plugins
This section is for you who want to make it done in easier and faster way, most of this plugins not explain how it inside the plugins, of course you don’t want to know right? this is why you using the plugin, just to know how to use and modify it.
1. jQuery Tools Tooltip
Demo | Download
2. qTip jQuery Plugin
qTip is an advanced tooltip plugin for the ever popular jQuery JavaScript framework. Built from the ground up to be user friendly, yet feature rich, qTip provides you with tonnes of features like rounded corners and speech bubble tips, and it’s completely free under the MIT license.
Demo | Download
3. jTip – a jQuery Tool Tip
Demo | Download
4. jQuery Plugin Tooltip
Demo | Download
5. TipTip jQuery Plugin
TipTip is a custom tooltip that behaved just like the browser tooltip, and that is exactly what TipTip does. TipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size.
Demo | Download
6. aToolTip
Demo | Download
7. mb Tooltip
Demo | Download
8. vTip
Demo | Download
9. Tipsy
Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute.
Demo | Download
10. Simpletip
Simpletip is a plugin for the popular jQuery JavaScript library. It allows you to create tooltips with ease on any element on the page using the power of jQuery’s selectors and event management. The tooltips can be static, dynamic, or even loaded through Ajax with a variety of different visual effects.
Demo | Download
Other Available Plugins
jGrowl, htmltooltip, bQuery, Beauty Tips, BetterTip, jqTooltip, EZPZ Tooltip, clueTip, pop!, Hovertips, Simple Tooltip, Simple jQuery Tooltip, Just The Tip, Thumbnail Popup Plugin, jQuery Tiper, Easiest Tooltip, jQuery Tooltip
[b]Tutorials[/b]
This sectionfor who want know the detail how the tooltip work, these tutorial provide some great step by step instruction
1. Simple Tooltip by Soh Tanaka
Demo
2. Colortip by Tutorialzine
Demo | Download
3. Better Tooltip by Jon Cazier (Nettuts)
Demo | Download
4. jQuery Horizontal Tooltips Menu by Queness
Demo | Download
5. Digg Style Post Sharing Tool by Queness
Demo | Download
6. Coda Popup Bubbles by jQuery For Designer
Demo | Download
7. Create a Simple CSS + Javascript Tooltip with jQuery by Queness
Demo | Download
8. jQuery Tooltips by David Walsh
Demo
9. Poshy Tip by Vadikom
Demo
10. Style My Tooltips jQuery Plugin by Mahilu
http://manos.malihu.gr/style-my-tooltips-jquery-plugin
Demo | Download
Other Available Tutorials
Smart Tooltips, Smart Tooltips Part 2, jQuery Ajax Tooltip, Creating A Simple Tooltip Using jQuery and CSS, jQuery Tooltips, Simple Tooltip jQuery Plugin, jQuery Custom Tooltip, Experimental jQuery Tooltip, Rollovers Tooltips jQuery, Adding jQuery Tooltips, How to Create Simple jQuery Tooltip
In: JQuery
Tags: plugin / resources / tooltip
相关文章推荐
- [jQuery]10 Pretty Useful and Cool jQuery Plugins
- [jQuery]30+ Brand New jQuery Plugins To Change the Look and Feel of Your Website
- 40 Excellent jQuery Plugins To Work With Data Presentation and Grid Layout
- 15 jQuery Plugins To Create A User Friendly Tooltip
- 340 jQuery Plugins And Examples (340个jQuery插件)
- 10 CSS3 and jQuery Loading Animations Solutions
- 10 Best jQuery and HTML5 WYSIWYG Plugins
- jsDelivr - Free open source CDN for javascript libraries, jQuery plugins, CSS frameworks, Fonts and more
- 实用的JQuery插件和演示(jQuery Plugins and Demos)
- [jQuery] 25 Cool and Helpful jQuery Plugins/Tutorials For Your Next Project
- 15 jQuery Plugins To Create A User Friendly Tooltip
- 19 Useful Jquery Image Slider Plugins and Tutorials
- [jQuery]50 Useful JavaScript and jQuery Techniques and Plugins
- 15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials
- 28款jQuery Tree 树形结构插件(转自:http://www.andelse.com/jquery-tree-plugins.html)
- 15 jQuery Plugins To Create A User Friendly Tooltip
- 转载:10+ handy and reusable jQuery code snippets
- 10 jQuery Custom Scrollbar Plugins 滚动条特效
- 15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials
- 15 jQuery Plugins For A Better Photo Gallery And Slideshow