WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

Shiny Tooltips

— Add-On to WorldWideScripts.net

Subscribe to our feed to stay up to date!

New! Follow us as you want it!


Shiny Tooltips - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

You can add tooltips to elements which appear when you mouseover them.

Video

Watch Screencast

Features

  • 8 Beautiful colors: green, yellow, orange, red, pink, dark blue, light blue and white.
  • For text, links, images and buttons.
  • Animated using jQuery.
  • No images are used, everything is CSS.
  • A PSD is included and a detailed documentation

Important Information

CSS3 is used for the gradients and shadows but Opera will just render one background color. The gradient background does work with IE because it uses filters. This item is also compatible with Chrome 7 & 8.

There are only 2 files to include in the HEAD: tooltips.min.css and tooltips.min.js. You also need jQuery.

This item comes with a very detailed documentation with lots of examples. A PSD is included.

Changelog

 1.1.0 (Feb 15 2012) * jQuery 1.7 optimization 1.0.2 (Oct 9 2011) * Added option to position tooltips in the center * Updated attribute "text" to "data-text" for html5 validation 1.0.1 (Feb 17 2011) * Added support for images inside the tooltips * Fixed bug where arrows weren't visible in IE6 and IE7 * Fixed positioning bug in IE7 * Fixed multiline bug in IE7 * Fixed link bug in IE6 and IE7 * Fixed left effect in IE6 and IE7 1.0.0 (Feb 12 2011) * First version 

Download
Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers

Properties

Created:
12 February 11

Last Update:
N/A

High Resolution:
No

Compatible Browsers:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS, Layered PSD

Software Version:
jQuery

Keywords

eCommerce, All Items, css, css3, glossy, shiny, tooltip, tooltips