![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<style type="text/css">
.tooltips
{
width:210px;
height:150px;
overflow-y:scroll;
background-color:yellow;
color:black;
font-size:11px;
position:absolute;
z-index:1000;
}
</style>
.tooltips
{
width:210px;
height:150px;
overflow-y:scroll;
background-color:yellow;
color:black;
font-size:11px;
position:absolute;
z-index:1000;
}
</style>
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<script type="text/javascript">
var tipDiv = document.createElement("div","class:tooltip, width:100px");
tipDiv.className = "tooltips";
tipDiv.id = "showTip";
var targetTooltips;
function ShowTooltips(objSource)
{
if (targetTooltips)
{
//targetTooltips = null;
return;
}
tipDiv.style.left = event.clientX + 12;
tipDiv.style.top = event.clientY;
tipDiv.innerHTML = objSource.tooltips;
if (tipDiv.innerHTML.length == 0)
{
return;
}
objSource.appendChild(tipDiv);
tipDiv.focus();
};
function RemoveTooltips(objSource)
{
var objDiv = document.getElementById("showTip");
if (objDiv)
{
var mouseOnTooltips = isMouseInBox(event,objDiv);
if (mouseOnTooltips)
{
targetTooltips = this;
}
else
{
objSource.removeChild(objDiv);
}
}
}
</script>
var tipDiv = document.createElement("div","class:tooltip, width:100px");
tipDiv.className = "tooltips";
tipDiv.id = "showTip";
var targetTooltips;
function ShowTooltips(objSource)
{
if (targetTooltips)
{
//targetTooltips = null;
return;
}
tipDiv.style.left = event.clientX + 12;
tipDiv.style.top = event.clientY;
tipDiv.innerHTML = objSource.tooltips;
if (tipDiv.innerHTML.length == 0)
{
return;
}
objSource.appendChild(tipDiv);
tipDiv.focus();
};
function RemoveTooltips(objSource)
{
var objDiv = document.getElementById("showTip");
if (objDiv)
{
var mouseOnTooltips = isMouseInBox(event,objDiv);
if (mouseOnTooltips)
{
targetTooltips = this;
}
else
{
objSource.removeChild(objDiv);
}
}
}
</script>