で、その設定。
http://craigsworks.com/projects/qtip/download/
2011/08/26追記
$('.tooltip').qtip(
{
content: {
text: false
},
show: {
when: 'click',
},
hide: 'click',
style: {
width: '250px',
'font-size': 14,
'line-height': 1.5,
border: {color: '#000099'},
tip: {corner: 'topLeft'}
}
});
で onclick イベントに対応できる。
$(function(){
//ツールチップ
$('.tooltip').qtip(
{
content: {
text: false
},
style: {
width: '250px',
border: {color: '#000099'},
tip: {corner: 'topLeft'}
}
});
});
<a class="tooltip" title="たいとる" >aaa</a> <a class="tooltip" title="ひでたい" >bbb</a>
こうやって設定しておけば .tooltip を持つ要素の title をツールチップとして使う。
