HTML:
<table border="1px">
<tr>
<td class="test" title="Tool Tip 1">Test 1</td>
<td class="test" title="Tool Tip 2"> Test 2</td>
<td class="test" title="Tool Tip 3"> Test 3</td>
</tr>
<tr>
<td class="test" title="Tool Tip 4">Test 4</td>
<td class="test" title="Tool Tip 5"> Test 5</td>
<td class="test" title="Tool Tip 6"> Test 6</td>
</tr>
</table>
JavaScript:
$( document ).tooltip({
items: '.test',
close: function( event, ui ) {
ui.tooltip.hover(
function () {
$(this).stop(true);
},
function () {
$(this).remove();
}
);
}
});
You can see the JS Fiddle here: http://jsfiddle.net/09yfud1c/1/
No comments:
Post a Comment