替代TreeView默认ToolTip属性

最新推荐文章于 2026-06-19 15:05:26 发布

转载最新推荐文章于 2026-06-19 15:05:26 发布 · 1.3k 阅读

收录于

当前文章被以下社区和专栏收录：

博客主要展示了ToolTip功能的实现代码，包含starthover()、starttip()和endtip()等函数，以及myTimer、nodeText等变量。通过这些函数和变量，实现了鼠标悬停显示提示信息，一段时间后自动消失的效果，还使用了DIV元素来显示提示内容。

// ToolTip functions include starthover(), starttip(), and endtip()

    // ToolTip variables
    var myTimer;
    var nodeText;
    var tipX;
    var tipY;

function starthover()
{
    var myVal = window.event.treeNodeIndex;
    var myNode = oTree.getTreeNode(myVal);

    nodeText = myNode.getAttribute("text");
    tipX = window.event.clientX + 15;
    tipY = window.event.clientY + 15;

    myTimer = window.setTimeout(starttip, 1000);
}

function starttip()
{
    results1.style.backgroundColor = "infobackground";
    results1.style.position = "absolute";
    results1.style.left = tipX;
    results1.style.top = tipY;
    results1.style.border = "1px solid black";
    results1.innerText = nodeText;

    myTimer = window.setTimeout(endtip, 5000);
}

function endtip()
{
    results1.style.backgroundColor = "";
    results1.innerText = "";
    results1.style.border = "";
    window.clearTimeout(myTimer);
}
</HEAD>
    <BODY>
    <mytree:TREEVIEW id="oTree" TREENODESRC="state_city.xml"
    SHOWTOOLTIP="false" ONHOVER="starthover();" ONUNHOVER="endtip();" />

    <DIV id=results1></DIV>
    </BODY>
</HTML>

标签