Javascript 将鼠标悬停在标记上时显示信息

Javascript 将鼠标悬停在标记上时显示信息,javascript,jquery,hover,Javascript,Jquery,Hover,我正在实现一个功能,当您将链接悬停时,它将显示工具提示 以下是一个例子: 是否有其他javascript库实现此功能?(最好与图像相同)如果您正在使用可用的 //JS $(function () { $('[data-toggle="popover"]').popover() }) //HTML <button type="button" class="btn btn-lg btn-danger" data-toggle="pop

我正在实现一个功能,当您将链接悬停时,它将显示工具提示

以下是一个例子:

是否有其他javascript库实现此功能?(最好与图像相同)

如果您正在使用可用的

    //JS
    $(function () {
        $('[data-toggle="popover"]').popover()
    })

    //HTML
    <button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">
        Click to toggle popover
    </button>
//JS
$(函数(){
$('[data toggle=“popover”]')。popover()
})
//HTML
单击以切换弹出窗口
您还可以将Popover的
触发器
值更改为
悬停

引导的第二个选项是,尽管它看起来不像您的示例


另外,jqueryui有自己的版本,如果您正在使用,那么您可以使用它

    //JS
    $(function () {
        $('[data-toggle="popover"]').popover()
    })

    //HTML
    <button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">
        Click to toggle popover
    </button>
//JS
$(函数(){
$('[data toggle=“popover”]')。popover()
})
//HTML
单击以切换弹出窗口
您还可以将Popover的
触发器
值更改为
悬停

引导的第二个选项是,尽管它看起来不像您的示例



另外,jQuery UI有它自己的版本

也建议您查看on-Pure css提示库

也建议您查看on-Pure css提示库

这可能会有所帮助。 你可以用css或者HTML中任何标签的标题来完成

这可能会有所帮助。 你可以用css或者HTML中任何标签的标题来完成


你可以参考这个希望它会帮助你。你可以参考这个希望它会帮助你。太棒了。我想这就是我要找的。。。我明天试试这个。。谢谢。我想这就是我要找的。。。我明天试试这个。。谢谢