qTip | JavaScriptSource


Craig Erskine Aug 15, 2008


This script creates tooltips for anything on your page. You select what tags it can be attached to and then just add them to the page.

In this example, the i and input tags have been used for the tootips.

Move your mouse over the input box.

Move your mouse over the underlined words. Li nov lingua franca link text plu simplic e regulari.


Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: qTip.js


Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.


Paste this code into the HEAD section of your HTML document.


Paste this code into the BODY section of your HTML document

Leave a Response


Is there a way to stop the tooltip from moving with the cursor?

Bobby K Mar 10, 2016

Chris,[br /]In order to answer you question, we would need to see your code, and how it is implemented. With that in mind, it is beyond the scope of these comments. You will need to post it over on [a href="http://www.webdeveloper.com/forum/forumdisplay.php?f=3"]the JavaScript forum[/a]. Thanks!

Lee Jan 16, 2009

I have this working well on a few test pages - very nice - and in some cases there are calls to at least one or two other css and js files. Seemingly no conflict.[br /][br /]However, I have one page where it does not function as yet - I think because I have a fairly complex dynamic menu running. I have tried isolating components but so far no solution. I wonder what elements I should perhaps look for that might lead to a conflict? Would it be another js file or a css issue perhaps?

Chris Dec 16, 2008

There's an issue with the tip window with select boxes in explorer 6, the select boxes show over the tip,[br /]Any idea on how to fix this? Probably with CSS

Eddie Oct 13, 2008