Javascript 带有html内容的工具提示显示在右侧，获得了工作代码，但它'；这只是一个提示，我希望它是动态的

我发现这把小提琴是一个工具提示，非常适合我的需要，但它只有一个提示。 申请如下：

我有25条记录，我在一页上显示。当用户将鼠标悬停在某个记录上时，它需要显示该特定记录的数据，并且工具提示应该允许完整的html。 我找到的小提琴取决于一个类，但我不能让它是动态的

这是小提琴：

这是一些文本。这是一些文本。这是真的

展示一些东西

好的，我提取了我的个人工具提示功能，我认为它可以按照你想要的方式工作

要向元素添加工具提示，需要调用createHoverFrame（元素，ToolTiptML），然后如果要在之后更新工具提示，请在其上调用updateHoverContent（元素，ToolTiptML）。

//使html元素可悬停
函数createHoverFrame（ele，hoverContent）{
//如果定义了内容，则创建内容
if（hoverContent）updateHoverContent（ele，hoverContent）；
//获取悬停元素
var thoverinfo frame=document.getElementById（“hoverInfoFrame”）；
ele.onmouseover=函数（）{
//查看是否设置了hoverInfoContent变量
if（元素hoverInfoContent）{
thoverinfo frame.innerHTML=ele.hoverInfoContent；
}
else thoverinfo frame.innerHTML=“错误：this.hoverInfoContent未定义”；
thoverinfo frame.style.display=“block”；
//配置内容
thoverinfo frame.contentElement=ele；
}
ele.onmouseout=函数（）{
thoverinfo frame.style.display=“”；
ThoverInfo框架.contentElement=null；
}
}
//更新元素的悬停内容（如果已更新，则更新活动悬停框架的innerHTML）
函数updateHoverContent（元素、内容）{
//获取悬停元素
var thoverinfo frame=document.getElementById（“hoverInfoFrame”）；
//更新ele上的悬停内容
ele.hoverInfoContent=hoverContent；
//更新悬停内容（如果可见）
if（thoverInfo框架.contentElement==ele）{
document.getElementById（“hoverInfoFrame”）.innerHTML=hoverContent；
}
}
document.onmousemove=函数（e）{
var tFollowCursorDiv=document.getElementById（“followCursorDiv”）；
var tTop=e.pageY+5-document.body.scrollTop；
var-tLeft=e.pageX+30-document.body.scrollLeft；
var tAddHeight=（（document.body.scrollWidth>（isNaN（window.innerWidth）？window.clientWidth:window.innerWidth））？20:0）；
var tAddWidth=（（document.body.scrollHeight>（isNaN（window.innerHeight）→window.clientHeight:window.innerHeight））？20:0）；
var tWindowHeight=（isNaN（window.innerHeight）？window.clientHeight:window.innerHeight）-tAddHeight；
var tWindowWidth=（isNaN（window.innerWidth）？window.clientWidth:window.innerWidth）-tAddWidth；
//如果在外部，则捕捉到屏幕边缘
如果（tTop+tFollowCursorDiv.clientHeight>tWindowHeight）tTop=tWindowHeight-tFollowCursorDiv.clientHeight；
如果（tLeft+tFollowCursorDiv.clientWidth>tWindowWidth）tLeft=tWindowWidth-tFollowCursorDiv.clientWidth；
t followCursorDiv.style.top=tTop+“px”；
t followCursorDiv.style.left=tLeft+“px”；
}
var thoverinfo frame=document.getElementById（“hoverInfoFrame”）；
thoverinfo frame.onmouseover=函数（）{
thoverinfo frame.style.display=“block”；
thoverinfo.style.width=thoverinfo.clientWidth+“px”；
}
thoverinfo frame.onmouseout=函数（）{
thoverinfo frame.style.display=“”；
thoverinfo frame.style.width=“”；
}
//============================您只需在此处修改下面的这些行====================
createHoverFrame（document.getElementById（“工具提示”）；
createHoverFrame（document.getElementById（“tooltip2”），“test”）；
setInterval（函数（）{
updateHoverContent（document.getElementById（“工具提示”）、Math.random（）；
},500);
#followCursorDiv{
位置：固定；
左：200px；
顶部：100px；
}
#悬停信息框{
显示：无；
边框：1px纯黑；
背景：rgba（200200,0.9）；
填充：10px；
边界半径：10px；
}
将鼠标悬停在我身上

我呢
如果工具提示出现在右边，则会出现错误。试试这个可能会有所帮助[
<div class="tip_trigger"><p><br />This is some text. This is some text. This is so</p></div>
<div class="tip">Show something</div>