javascript - 我可以使用什么 html/jquery/任何其他元素来创建像工具提示窗口那样的 'box' ？

Question

我是前端开发新手，我的网络应用程序有一个要求，其中如果用户将鼠标悬停在图像上，附近会打开一个“框”并显示饼图。

我可以使悬停功能正常工作，但我不确定如何继续使用框功能。关于我可以使用什么 html 元素或特定库来完成此任务有什么想法吗？

$('#vmtable tbody td#storage').hover(

    function () {
        // i tried opening a div on hover but i know this is not what is required. 
        // It just expands my parent element.
        $(this.childNodes[3]).css("display", "block"); 
        var nTr = this.parentNode.parentNode.parentNode;
    }, 

    function () {
        $(this.childNodes[3]).css("display", "none");
        var nTr = this.parentNode.parentNode.parentNode;
    }

);

Answer 1

看看jQuery Tooltip 。我想这就是您正在寻找的。

API Documentation