要素にマウスを乗せると表示されるシンプルなツールチップ - かちびと.net

Result jQuery this.t_tip = function() { //ツールチップの出る場所 this.xOffset = -10; this.yOffset = 20; //マウスホバーイベント $(".tooltip").unbind().hover( function(e) { //要素のtitle属性を取得してspanの中に含める this.t = this.title; this.title = ''; this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset); $('body').append( '<span id="tip_body">' + this.t + '</span>' ); $('#tip_body').css("top", this.top+"px").css("left", t