Bubbles are one of the most interactive user interface elements. Create animated popup bubbles, dialogs and bubble tips in jQuery with these wonderful collection of jQuery Bubble plugins. Leave a bubbly impression on users with these set of bubbly jQuery plugins.

1. Create a jQuery Popup Bubble



Learn how to add a cool popup bubble to an RSS feed link using jQuery.



2. qTip



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.



3. Interactive pop-up bubbles with jQuery and CSS

Move beyond pure CSS with special visual effects courtesy of jQuery. Adding sparkle to your web design is much easier than it was previously, and helps draw users into your content. jQuery takes away all the nasty cross-browser compatibility problems that are often associated with coding JavaScript interactive visual effects and interactions. When you roll over the primary buttons a balloon puffs up into view. When you mouse off the button the balloon puffs out of existence



4. Side Navigation Tooltip or Popup Bubble

Side Navigation Tooltip or Popup Bubble is a tooltip or popup bubble using jQuery.



5. jQuery Popup Bubble

The jQuery Popup Bubble plugin allows you to create easily smart bubble popups with only a line of code in jQuery.



6. Bubble – jQuery Plugin

This plugin adds bubbling functionality to jQuery. The code is similar to jQuery.fn.triggers because it is meant to extend it. It also generates it is own event object, that will remain untouched through the bubbling, meaning it is safe to attach attributes to it and grab them with the ancestors while the event bubbles up.



7. Simple jQuery slideshow bubble messages

A straight forward tutorial on the creation of simple jQuery slideshow bubble messages.



8. jQuery popup bubble extension

Here is a quick and extensible framework to enable popup windows, popup bubbles, or popup anything. Currently the framework does not create extra DOM elements or style anything differently. It relies on the developer to create the DOM element that will be the popup bubble (or whatever). This extension give you the flexibility to bind any number of events to show or hide the bubble. It also supports having the bubble hide on a timer and comes with a complete event model allowing you to intercept



9. Coda Bubble Plugin

Coda Bubble Plugin is based on the great coda popup bubbles tutorial from jQuery for designers. This Coda Bubble Plugin allows you to create wonderful bubbles in jQuery as well as control the distances between them.



10. bubbletip- A jQuery Coda-style bubble tooltip plugin

Create cute bubbly bobble tips in jQuery with this simple jQuery bubbletip plugin! bubbletip is a jQuery Coda-style bubble tooltip plugin.



11. Coda Popup Bubbles

Coda is one of the new web development tools for the Mac – and it is popular amongst designers and developers I know. Panic (the developers of Coda) are also known for their sharp design. Learn how to create Coda popup bubbles in jQuery with this simple tutorial.



12. Learning jQuery: Your First jQuery Plugin BubbleUP

There are many posts available detailing how to write your own jQuery plugin. It will not take long before you realize that building in jQuery is very simple. Continuing in our jQuery Learning Series, here we are going to build your first jQuery plugin. It will generate a bubble effect for your menu list and we are going to call it BubbleUP. BubbleUP is a fun and easy plugin to get you started in jQuery. The effect is a nice starting point for learning the basics and many of the steps involved i



13. Image Bubbles effect in jQuery

Image Bubbles is a cool Flash-like effect that causes an image to bubble up and expand whenever the mouse rolls over it from within a series of images. It is a nice way to draw attention to an image when the mouse rolls over it. For images with an alt attribute defined, the script will use it to render a nice tooltip that is shown above the enlarged image. Both the speed and magnification level of the image when it bubbles up can be customized. Cool!

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

One Response to “Bubbly jQuery Plugins”

  1. [...] Bubbly jQuery Plugins | jQuery Wisdom (tags: jquery) [...]

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>