bcToolTip

bcToolTip is a lightweight jQuery ToolTip plugin

Features

• Tooltip content set from title attribute in any element
• Different styles can be applied for different tooltip in a page
• Tooltip baloon can stick to mouse
• Tooltip baloon's horizontal and vertical positions can be assigned
• Tooltip baloon's width can be set via options

Future

• Tooltip content will set from elements text, any element in the page as well as title attribute
• Tooltip trigger options, mouse over or click
• Tooltip close options, mouse out or close button etc.

Usage

Add this code before the </head>

<link rel="stylesheet" type="text/css" href="css/icon.sbm.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js/bcToolTip.js"></script>
<script type="text/javascript">
    $(function(){
        $(".tip").bcToolTip();
    });
</script>

Samples

Default Settings

Hover to see tool tip

Link

 

Tooltip Baloon Position

Top Center

Bottom Center

Right middle

 

Not following the mouse

Hover to see tool tip

 

Download

You can download samples and source code from here

Source code here (7 kb)

Minified here (3 kb)

Packed here (3 kb)