最好的jQuery Tooltip插件
jQuery Tools Tooltip
Very cool tooltip! It’s very well made because it consists of cool transition effects and it also has a transparency and a drop shadow effect.
Easy Tooltip – jQuery plugin
By default this plugin will read the title attribute of the element and convert it into fade-in tooltip that you can style any way you want. Important note, it doesn’t have to be an anchor tag. You can apply this script to any element(s) you want.
More on Easy Tooltip – jQuery plugin
bQuery :: Good Tip & Tabworld
The set up offers endless configurablity. User your own css and tags (as long as you don’t use the “q” tag anywhere) to style your tab panel. It’s easy to do, easy to set up, easy to style because Tab World does all the hard work.
More on bQuery :: Good Tip & Tabworld
TipTip jQuery Plugin
TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS. It’s also only 3.5kb minified!
Coda Popup Bubbles
Coda is one of the new web development tools for the Mac – and it’s popular amongst designers and developers I know. Panic (the developers of Coda) are also known for their sharp design.
Creating A Simple Tooltip Using jQuery and CSS
Adding a plugin for something that simply is overkill. Adding a plugin for tooltips typically requires that you include an additional script and an additional stylesheet (depending on which one you use). In this post, I ‘ll show you just how easy it is to create a clean, styled tooltip using jQuery.
More on Creating A Simple Tooltip Using jQuery and CSS
Orbital Tooltip
The Orbital Tooltip came about because we wanted to see a more flexible tooltip that allowed for a larger range of flexibility with positioning of a tooltip. With the Orbital Tooltip you can choose to position the tooltip on any object in a 360 degrees around it. With multiple options for spacing & offset as well as styling, Orbital Tooltip stands head and shoulders above other jQuery tooltips.
Create a Digg-style post sharing tool with jQuery
I will show you how to create a social bookmarking tool that look similar to digg’s. It looks cool, practical and useful! I also include the komodomedia’s social bookmarking icons and a long list of submission URL for one click bookmark.
More on Create a Digg-style post sharing tool with jQuery
Easiest Tooltip and Image Preview Using jQuery
What this script does is adds an element to the body when you roll over a certain object. That element’s appearance is predefined with css (positioned absolute and styled) so all we need to do is fill the element with content, calculate mouse position and make it move accordingly. When cursor is moved over he object, element moves with it and when cursor roll out, the element is deleted.
More on Easiest Tooltip and Image Preview Using jQuery
Prototip
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.
jQuery (mb)Tooltip
Now you can replace the ugly default tooltip with this smart and nice one!
jQuery Ajax Tooltip
Our application is very person centric, so we wanted an easy way to pop up a “tooltip” with more information about a person whenever you see a person’s name. For example, here are some search results. When you hover over a name, more information appears.
Build a Better Tooltip with jQuery Awesomeness
Browsers will automatically display a tooltip when you provide a title attribute. Internet Explorer will also use the alt attribute. But, in this tutorial I’m going to show you how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.
More on Build a Better Tooltip with jQuery Awesomeness
BeautyTips
BeautyTips is a jQuery tooltips plugin which uses the canvas drawing element in the HTML5 spec to dynamically draw tooltips (sometimes called “talk bubbles” or “help balloons”) associated with a html element on the page. These tips are highly configurable and can be triggered in many different ways.
jQuery Form Validation and Tooltip(S.Sams)
jQuery Form Validation and Tooltip.
More on jQuery Form Validation and Tooltip(S.Sams)
Create a Simple CSS + Javascript Tooltip with jQuery
Simple and easy way to create a javascript tooltip with jQuery. I break it into several sections: getting the mouse xy axis, anchor tag structure, how to hide default TITLE tooltips, css plus rounded corners box and the final working demo.
More on Create a Simple CSS + Javascript Tooltip with jQuery
jGrowl
jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X’s Growl Framework works.
Pop!
Enjoy simple dropdown menus with pop!, an unobtrusive javascript plugin for jquery.
qTip
qTip is a tooltip plugin for the jQuery framework. It’s cross-browser, customizable and packed full of features!
jQuery Horizontal Tooltips Menu Tutorials
A horizontal menu with tooltip that slides accross the menu panel. It’s a bit similar to lava lamp, but in this script, it displays the caption of the icon menu.
More on jQuery Horizontal Tooltips Menu Tutorials
Fancy Thumbnail Hover Effect w/ jQuery
It may not be as smooth as the flash version, but its definitely a neat effect. If you switch up the absolute potion coordinates, you can create various ways the hover effect pops out as well.