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>