JU Tooltip
Version
1.0.0
Rating
Compatibility
Reviews
2
License
GPLv2 or later
Non-Commercial
Type
Date Added
1 December 2012
★★★ USAGE ★★★
Add class="jutooltip" title="your tooltip content" for the html tag you want to display tooltip.
Example:
1. Load tooltip from title attribute. HTML: < a class="jutooltip" title="This is my tooltip">Hover me< /a>
2. Load manual html tooltip, by don't set title attribute then use content of next tag as tooltip. By this way, you can use any html for tooltip. HTML: < a class="jutooltip">Hover me< /a> < div style="display: none;">Manual < b>html tag< /b> next the < strong>tooltip< /strong> will be display as tooltip< /div>
3. Use single tooltip for multi trigger elements, by this way, you can re-format html for tooltip use defined id/class CSS. For example, if you set Single tooltip: .myredtip. HTML: < a class="jutooltip" title="This is my tooltip">Hover me< /a>< div class="myredtip">Title attribute will be loaded here, you can use class myredtip to re-format this tag< /div>
★★★ FEATURES ★★★
★ Theme support(You can use CSS to stlye tooltip as you want), easy to create new theme from default theme, auto detect new theme.
★ Support unlimited tooltip on a page
★ Show tooltip when: MouseOver/Click
★ 03 tooltip effects
★ Can set offset
★ Can set duration
★ Can set tooltip animation effect
★ Pre-delay, delay, opacity
★ Default tooltip position
★ Auto close/Manual close tooltip
★ Dynamic tootip(Auto choose position to display tooltip depend on trigger position)
★ System plugin, it mean you can use tooltip anywhere on your site(articles, module, component,...), no-limited on articles as other plugins.
★ Model backend UI
Images
Easy to configure and nice effects ... 100% recommended
