Demo of tooltip by using jqery and bootstrap

Tooltip

From plus2net.com you can download scripts and learn web programming.

Place your mouse over plus2net.com in above line.

Browser default tooltip will appear at download area.

HTML

From <a href="#" title="Web programming" data-toggle="tooltip" data-placement="top">plus2net.com</a> you can <a href='#' title='Script download'>download</a> scripts and learn web programming.

jQuery

<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>

Positioning tooltip on LEFT, RIGHT, TOP , BUTTOM

We will modify the text to position the tooltip on different sides. Change the data-placement

plus2net.com data-placement="left"

plus2net.com data-placement="right"

plus2net.com data-placement="top"

plus2net.com data-placement="bottom"

Before using jQuery code you must connect to jQuery CDN and bootstrap.

This article is written by plus2net.com team.

plus2net.com

Most Popular JQuery Scripts
1	Two dependant list boxes
2	Calendar with Date Selection
3	Data change by Slider
4	Show & Hide element