Gips - jQuery Clean and Simple Tooltips

Gips is a clean and simple jQuery Tooltips plugin and is based on Gips Freebie. Its simple, customizable, and easy to use. It also supports CSS themes.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: egrappler.com

1. INCLUDE CSS AND JS FILES

<link href="css/gips.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/gips.js" type="text/javascript"></script>

2. HTML

<input type="text" value="Purple Tooltip Here." id="purple" />

3. JAVASCRIPT

 $(document).ready(function () {
  $('input#purple').gips({ 'theme': 'purple', autoHide: true, text: 'This is purple tooltip, auto hide after pausess time elapses.' });
});

4. OPTIONS

• text: Tool tip text
• delay: Pause time before gips appears
• autoHide: When true tool tip will automatically disappear
• pause: Display time, specific for autHide mode
• animationSpeed: Tool tip appear/disappear speed
• placement: Tool tip placement e.g top, bottom, right and left/li>
• theme: CSS theme for tool tip, predefined themes are purple, green, yellow and red
• imagePath: Image path from close button image