To avoid the click, you can also use a <span> element with a title:
<span class="tip" title="Some tip text goes here">This is a tooltip span</span>
And then maybe style the tips a bit in template.css:
span.tip {
color: #0000FF;
cursor: help;
}
Then as Denis points out, you can use the qTip plugin shipped with LS:
1) Add this to startpage.pstpl right after {TEMPLATEJS}:
<script src="/scripts/jquery/jquery.qtip.js" type="text/javascript">
2) Add something like this to the end of template.js:
$(document).ready(function() {
$('span.tip').qtip({
position: {
corner: {
target: 'topMiddle',
tooltip: 'bottomLeft'
}
}
});
});
More info on the plugin here -
craigsworks.com/projects/qtip/