Customizable jQuery Rich Text Tooltip Plugin - SimpleTip

Customizable jQuery Rich Text Tooltip Plugin - SimpleTip
File Size: 5.22 KB
Views Total: 669
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

SimpleTip is a customizable, cross browser jQuery tooltip plugin which allows you to embed any html elements into a fully styleable tooltip using title attribute.

How to use it:

1. Add jQuery library and the jQuery SimpleTip plugin to your web pages.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="jquery.simpletip-1.0.js"></script>

2. Add a custom tooltip to an html element using title attribute.

<a href="#" title="<img src='demo.png'>">Hover Me</a>

3. Active the tooltip.

$('a').SimpleTip({'class':'myclass'});

4. Style the tooltip whatever you like.

.myclass { ... }

5. Default plugin options.

// position opitons
'my'         : 'left bottom',
'at'         : 'left top',

// additional CSS class
'class'      : '',

// animation options
'timefade'   : 500,
'timedelay'  : 0,

// offset opitons
'offsetx'    : 15,
'offsety'    : -15

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