2016-05-09 108 views
0

我正在實現一項功能,當您將鼠標懸停在鏈接上時,它將顯示一個工具提示將鼠標懸停在標籤上時顯示信息

下面是一個例子:

enter image description here

是否有任何其他的JavaScript如果您正在使用Bootstrap你有Popover.js實現此功能(最好是同一個作爲圖像)

+0

您可以參考此[鏈接](http://stackoverflow.com/questions/10971637/basic-idea-of-a-custom-tooltip-using-pure-javascript)希望它會幫你。 –

回答

1

庫?可用

//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> 

您可以更改Popover的0值也是hover

Bootstrap的第二個選項是Tooltip,雖然它看起來不像你的例子。


還有jQuery UI的有它自己的Tooltip

+0

真棒。我認爲這就是我要找的東西...虐待今天明天..謝謝 – XDProgrammer

相關問題