22 Tooltip’s | Javascript, CSS, Tons of examples…

This is our Top list of 22 ToolTip script’s. You’ll find ToolTips using javascript/css, just css, and wordpress plugins.


Visit Nice Titles
Nice Titles - A revision of the original Nice Titles script.
Visit Help Balloon Help Balloon - Help balloon from BeauScott
Visit Jquery Tooltip Jquery Tooltip
Visit Qtip Qtip - Only 2K in size, removes title attribute on mouse over to eliminate overlaps, parses HTML in the titles, Bloat free. It does what it says and nothing more, tested and works in IE 5.5+, Firefox, Safari, Opera.
Visit JS/CSS Script JS/CSS Script
Visit BoxOver BoxOver - BoxOver uses javascript / DHTML to show tooltips on a website. Implementation of the tooltips, however, requires no knowledge of DHTML or javascript.
Visit Tipster Tipster

Visit WZ Tooltip

WZ Tooltip - An easy to use cross-browser Tooltip JavaScript Library.
Visit ClueTip ClueTip - a jQuery-based, AJAX-powered tooltip developed by Karl Swedberg. The clueTip plug-in was inspired by Cody Lindley’s jTip script. Many feature ideas were provided by Shelane Enos. Glen Lipka and Jörn Zaefferer provided expert advice. Jonathan Chaffer helped a lot, but eschewed the co-author designation out of sheer modesty.
Visit MooTools Tooltip MooTools Tooltip - MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

Visit DHTML Tooltip DHTML Tooltip - Presenting dyn-web’s 2008 tooltip with unobtrusive event handling and easy setup. The code offers a variety of options for source and type of tooltip content and flexible control of positioning, formatting and display. The code is object based, avoids the use of global variables and provides accessibility and device independent features.
Visit OverLIB OverLIB - overLIB is a JavaScript library created to enhance websites with small popup information boxes (like tooltips) to help visitors around your website. It can be used to provide the user with information about what will happen when they click on a link as well as navigational help (see the examples below). Not to mention that it looks cool, is stable, and has an active developer community to boot!
Visit Fancy CSS Tooltips Fancy CSS Tooltip
Visit DHTML / CSS Tooltip DHTML / CSS Tooltip - Another DHTML example.
Visit CSS Menu Descriptions CSS Menu Descriptions - This is a CSS technique that could be useful if you want to give users accessible added content such as tool-tips, notifications, or alerts, without adding unnecessary clutter to your page. And since it doesn’t rely of JavaScript, it should be useful to everyone, even disabled users.

Visit Yahoo based Tooltip

Yahoo based Tooltip - Yahoo based Tooltip

Visit lixlpixel Javascript tooltips

lixlpixel Javascript tooltips - This script uses javascript to trigger the display of a pop-up tooltip on mouseover you can assign the tooltip to any element of your page and then keeps the tooltip stuck to the mouse.

Visit Mike Golding's CSS tooltips

Mike Golding’s CSS Tooltips

Visit Pure CSS Tooltip

Pure CSS Tooltip

CSS Tooltips - Floating HTML Elements

CSS Tooltips - Floating HTML Elements - Tooltips using only css and no javascript.

Visit CSS Play

CSS Play

Visit Animated Tooltip

Animated Tooltip - A based tooltip, with optional support for animation. With some creativity and your own code, it can prove quite useful.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Netvouz
  • DZone
  • ThisNext
  • MisterWong
  • Wists
  • blinkbits
  • BlinkList
  • blogmarks
  • Furl
  • Slashdot
  • Technorati

Leave a Reply

You must be logged in to post a comment.



Copyright © 2008 - AskSussman.com | SussmanConsultants.com