Simple Chat Bubble Like Tooltip Plugin - Speech Bubbles Tooltip

File Size: 8.93 KB
Views Total: 3376
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple Chat Bubble Like Tooltip Plugin - Speech Bubbles Tooltip

Speech Bubbles Tooltip is a simple jQuery plugin that helps you add Chat Bubble Like Tooltips with a simple animation effect to any element of your page. It supports title attribute, rich HTML and ajax content.

How to use it:

1. Include jQuery Library and speechbubbles.js

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="speechbubbles.js">

2. Include Speech Bubbles Tooltip CSS

<link rel="stylesheet" type="text/css" href="speechbubbles.css" />

3. Create a link with a class named addspeech

<a href="http://www.jQueryScript.Net/" class="addspeech" title="Free jQuery Plugins and Tutorials!">jQueryScript.Net</a>

4. Call the plugin

<script type="text/javascript">

jQuery(function($){ //on document.ready
 	//Apply tooltip to links with class="addspeech", plus look inside 'speechdata.txt' for the tooltip markups
	$('a.addspeech').speechbubble({url:'speechdata.txt'})
})

</script>

This awesome jQuery plugin is developed by dynamicdriverepo. For more Advanced Usages, please check the demo page or visit the official website.