jquery悬浮框，获取鼠标坐标

JS:

$(document).ready(function(){

$(".desc").mouseenter(function(e){

var xOffset = 15;

var yOffset = -250;

$("#tooltip").css("display","block").css("position","absolute").css("top",(e.pageY - xOffset) + "px").css("left",(e.pageX + yOffset) + "px");

$("#tooltip").append(this.title);

/**

var content = this.title;

var chtml = "";

var array = content.split(",");

if(array.length>1){

for(var i=0;i<array.length;i++){

chtml +=array[i]+"<br>";

}

}

$("#tooltip").append(chtml);

*/

});

$(".desc").mouseleave(function(){

$("#tooltip").empty();

$("#tooltip").css("display","none");

});

});

CSS:

<style type="text/css">

.tip{width:200px;height:80px;display:none;background-color:#f6f7f7;color:#333333;line-height:18px;border:1px solid #e1e3e2;padding:5px;}

</style>

HTML:

<div id="tooltip" class="tip"></div>

<a href="#" class="desc" title="${log.desc!}">详情</a>