Jquery Tooltip - Jtip

Hot on the heels of ThickBox comes jTip, a jQuery tool tip solution. Of course, a tool tip type solution is anything but monumental; you don't have to tell me that. Regardless, given my keen liking for the great jQuery library, along with a legitimate need to provide one last solution before I left Albertson's, I have conjured up a tool tip solution using jQuery. So yup, it's just another tool tip, but maybe with a little more flexibility/customization than what you might currently be use to with similar solutions.

Download code Visit demo

Tags: tooltip

<< iCarousel Crossfade Gallery >>

Jquery Tooltip - Jtip demo

Changes to the code below will update the demo above in real time.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

</head>
<body>

<div id="contentPad">
<p><strong>Roll over a question mark:</strong></p>
<label style="padding-right:5px">Password</label><input name="" type="text" /><span class="formInfo"><a href="ajax.htm?width=375" class="jTip" id="one" name="Password must follow these rules:">?</a></span>
<br />
<br />
<label style="padding-right:5px">User ID</label><input name="" type="text" /><span class="formInfo"><a href="ajax2.htm?width=275" class="jTip" id="two" name="">?</a></span>
<p><strong>The link below demonstrates a tool tip on a text link that allows for the link to accommodate an additional URL (using a query string). So that a link will functions as expect if clicked. Notice the cursor change.</strong></p>
<p><a href="yahoo.htm?width=175&amp;link=http://www.yahoo.com" name="Before You Click..." id="yahooCopy" class="jTip">Go To Yahoo</a></p>
</div>
</body>
</html>

July 31, 2008, 9:09 p.m. - Ari: Thanks for share u'r plugins
Sept. 25, 2008, 2:57 a.m. - Pawan Sharma: this is nice tooltip
Oct. 24, 2008, 1:16 p.m. - Ogom O.: Cool tuts mate
Nov. 9, 2008, 6:02 a.m. - kaloy: will this tooltip applicable to map coordinates?
Nov. 24, 2008, 10:51 p.m. - Robin: Hi, Nice tooltip. I was looking for something like this. But, I am having problem when it comes to content pages. In master page it is OK, but in content page, the position of the tooltip is inaccurate. Please help. Thank you Robin (rabinkp@redstonepro.com)
Aug. 14, 2009, 10:35 a.m. - abc: noi dung thong tin
Oct. 11, 2009, 6:35 p.m. - Vu Dinh Yen: Thank you for this!
Jan. 17, 2010, 9:03 a.m. - Stephane: I can't see any tooltip here. Is it working on Firefox ?
March 11, 2010, 2:11 p.m. - Kien: I've been searching on Google for a mouseover tooltip using jquery and your page came up. thx for sharing, this solution should save me a lot of time!
March 19, 2010, 4:16 a.m. - umesh chand: Great website
April 27, 2010, 11:44 p.m. - Race: Nice Tool Tip. Its will be used from nigerianspam site.
May 21, 2010, 3:46 a.m. - Rajni Padhiyar: Nice tooltip
June 20, 2010, 9:33 a.m. - BuildVoy: Very nice tooltip ;)
June 21, 2010, 11:47 a.m. - This: This is a comment
July 22, 2010, 9:13 a.m. - 0: thank you save my time
July 28, 2010, 8:22 a.m. - Jens: First let me thank you for sharing this nice tooltip! But there is one thing i don't get: is there any chance of an auto width for the tooltip? Than it would be perfect for me! :-)
Aug. 18, 2010, 1:19 a.m. - rodmac: this is great!!!
Aug. 26, 2010, 7:35 a.m. - Udaipur hotels, hotels in udaipur: Thanks for sahring info with us, it's really great article
Sept. 2, 2010, 4:59 p.m. - Kumar: Thats very nice
Sept. 8, 2010, 7:14 a.m. - Jack Race: Very Nice I like this Java script.
Oct. 10, 2010, 6:03 p.m. - Jame: This is awsome
Nov. 13, 2010, 9:55 p.m. - B. Uthead: That's actually quite lame. I just get the whole thing in a big gray box on Firefox and I can't even get it to go away with escape or clicking, or what is the expected interaction to reset it to normal display?
Nov. 6, 2011, 4:10 a.m. - Lee Johnson: Thank you for sharing this - I haven't implemented it yet but it looks like it'll fit the bill for what I'm after!
Dec. 26, 2011, 7:29 a.m. - Frank: good plugin bro
Nov. 23, 2012, 12:45 a.m. - mills: can't see demo.