Back to menu

jQuery tooltip

Does what it says on the tin. The CSS looks a bit ugly in IE, I'm not entirely sure why the background colour isn't being applied, but this is an artefact of the demo, not the plugin. You can still see the idea.

Example calling procedure

$('#tool').toolify('This is a tooltip');

// or perhaps...
$('.tool').each(function() {
  $(this).toolify($(this).attr('title'));
});

Download

Download the: full source or minified source

Demo

Tooltip example for jQuery. Hover over the highlighted words. Tested in Chrome and Firefox

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis odio ut velit iaculis hendrerit. In ac vulputate neque. Vivamus nisl lorem, auctor vitae sagittis vitae, scelerisque vitae metus. Nunc hendrerit nunc vel mauris fermentum condimentum. Maecenas pulvinar arcu sit amet leo interdum quis auctor ante gravida. Donec imperdiet tincidunt vulputate. Donec sed enim mi. Pellentesque quis ante a arcu tristique pharetra. Sed varius scelerisque mattis. Donec tempor arcu non ligula porttitor pulvinar. Curabitur adipiscing, lorem a tincidunt sagittis, lectus erat facilisis lacus, a laoreet urna elit ut lacus. Fusce nec massa consequat nunc posuere posuere. Aliquam tincidunt risus sit amet sapien faucibus volutpat sollicitudin mauris viverra.

Let's try something a bit different.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis odio ut velit iaculis hendrerit. In ac vulputate neque. Vivamus nisl lorem, auctor vitae sagittis vitae, scelerisque vitae metus. Nunc hendrerit nunc vel mauris fermentum condimentum. Maecenas pulvinar arcu sit amet leo interdum quis auctor ante gravida. Donec imperdiet tincidunt vulputate. Donec sed enim mi. Pellentesque quis ante a arcu tristique pharetra. Sed varius scelerisque mattis. Donec tempor arcu non ligula porttitor pulvinar. Curabitur adipiscing, lorem a tincidunt sagittis, lectus erat facilisis lacus, a laoreet urna elit ut lacus. Fusce nec massa consequat nunc posuere posuere. Aliquam tincidunt risus sit amet sapien faucibus volutpat sollicitudin mauris viverra.