If your looking for a way to give your users a more in depth description of an item on your site, but don’t want to talk at great length in the article, ToolTips are a fantastic solution.

They work by simply hovering over a word or piece of text, when hovered over a small bubble will appear which you can fill with more information, or a more detailed description.

You can achieve tooltips using multiple languages, in this piece we are focusing on the jQuery tooltips available.

1. Coda Popup Bubbles

2. jGrowl

3. jTip

4. Pop!

5. qTip

6. vTip

7. ToolTip

8. Tipsy

9. EZPZ Tooltip

10. jQuery Ajax Tooltip

11. Nice Tooltips

This jQuery plugin is for embedding Flash movies. Pages are progressively enhanced when Flash and JavaScript are available, and fallback to plain (X)HTML when they’re not. Replacements can happen as soon as the DOM is ready. (X)HTML, CSS and JavaScript stay separate, making it easy to remove, update or swap out later. Inspired by tools like SWFObject, UFO and sIFR, but written line-by-line for jQuery, no other scripts are required, meaning less redundancy, smaller filesize and faster loading.

Usage:

Basic Embed:
Javascrtipt:

$(document).ready(function(){
    $('#example').flash(
        { src: 'example.swf',
          width: 720,
          height: 480 },
        { version: 8 }
    );
});

HTML:

<div id="example">Say hello to the jQuery flash plugin  </div>

————————————-
Basic Flashvars Embed:
Javascrtipt:

$(document).ready(function(){
    $('#example').flash(
        {
          src: 'example.swf',
          width: 720,
          height: 480,
          flashvars: { foo: 'bar', baz: 'zoo' }
        },
        { version: 8 }
    );
});

HTML:

<div id="example">Please sir, can I have some flashvars?</div>

Which browsers are supported?
Internet Explorer 5.5/6.0/7.0
FireFox 1.5/2.0
Safari 2.0
Opera 9.0

Website – Download (8.4k) – Examples