jQuery Coda Popup Bubbles Script

About the jQuery Coda Popup Bubbles Script

The jQuery Coda Popup Bubbles script allows for the integration of a puff popup bubble to display in a soft upwards gliden when you mouseover an image, which fades in and out of view when you roll the mouse over and out from the image, which you can be a helpful element to display additional technical information and the like. jQuery is used to trigger the mouseover and mouseout effect supported by this script. One item of note with this script, when you move the mouse over the popup, the mouseout on the image is triggered on the popup being shown, so the tutorial that is available with this script is helpful to explain how to ensure the effect does not fail in this situation.

It should also be stated that the transparency does not work in IE, so it should be a consideration for any user looking to integrate this script.

Visit the link below to grab this code:

Examples of the jQuery Scrolling Cloud Background Script:

For a simple example of the jQuery Coda Popup Bubbles Script, visit the link below:

To see the Coda Popup Bubbles effect as seen on the actual Coda website, simply visit the below URL:

3 Responses to “jQuery Coda Popup Bubbles Script”

  1. Kailin says:

    I found just what I was nedeed, and it was entertaining!

  2. I am bookmarking you for future reference.

  3. arcopedico says:

    Good blog! I truly love how it is easy on my eyes and the data are well written. I am wondering how I could be notified whenever a new post has been made. I’ve subscribed to your feed which must do the trick! Have a nice day!