this.tooltip = function(){ xOffset = 10; yOffset = 10; $(".active").hover(function(e){ this.t = this.title; this.title = ""; $("body").append("<div id='toolTip'><div class='toolTipTop'></div><p class='toolTipMid'>"+ this.t +"</p><div class='toolTipBtm'></div>"); $("#toolTip").css("top",(e.pageY - xOffset) + "px").css("left",(e.pageX + yOffset) + "px").fadeIn("slow");}, function(){this.title = this.t; $("#toolTip").remove(); }); $(".active").mousemove(function(e){ $("#toolTip").css("top",(e.pageY - xOffset) + "px").css("left",(e.pageX + yOffset) + "px"); }); };
$(document).ready(function(){ tooltip(); });