Simple Tooltip for multiple rows
There are many, many jQuery tooltip plugins out there, and some of them are very good. But when someone on the jQuery Google Group asked (a year ago) which plugin could handle displaying tooltips for 2,000 links on a page, I wasn't able to find one. So, I decided to throw together a quick little plugin myself and was surprised by how easy it was. Javascript: $('<div id="livetip"></div>').hide().appendTo('body'); var tipTitle = ''; $('a').live('mouseover', function(event) { var $link = $(this); tipTitle = this.title; this.title = ''; $('#livetip') .css({ top: event.pageY + 12, left: event.pageX + 12 }) .html('<div>' + tipTitle + '</div><div>' + this.href + '</div>') .show(); }).live('mouseout', function(event) { this.title = tipTitle; $('#livetip').hide(); }); This script does the followin...