1、寫一個空div
2、用onmouseover事件鼠標移入獲取event對象clientX和clientY改變div的位置和內容，以及顯示div
3、onmouseout事件鼠標移出div隱藏

<div id="showDiv"></div>
<div class='content' onmouseover="overShow(this,event)" onmouseout="outHide()"></div>
Function overShow(obj, e) {//鼠標移入
var showDiv =document.getElementById('showDiv');
var theEvent =window.event|| e;
showDiv.style.left= theEvent.clientX +"px";
showDiv.style.top= theEvent.clientY +"px";
showDiv.style.display='block';
showDiv.innerHTML = obj.innerHTML;
}
Function outHide() {//鼠標移出
var showDiv =document.getElementById('showDiv');
showDiv.style.display='none';
showDiv.innerHTML ='';
}

先添加樣式隱藏掉

/*內容超出不換行*/
white-space: nowrap;
/*顯示省略號*/
text-overflow: ellipsis;
overflow: hidden;/*必須設置才能顯示省略號*/

然后再添加:hover把text-overflow和overflow等取消

對這個插件不熟悉 但CSS是可以做到的