http://plugins.learningjquery.com/cluetipプラグインとjtipクラスを使用します
htmlコード:
<a class="jt" href="ajax6.html" rel="ajax6.html" title="jTip Style!">
and jquery :
$('a.jt:eq(0)').cluetip({
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
hoverIntent: false,
sticky: true,
mouseOutClose: true,
closePosition: 'title',
closeText: '<img src="cross.png" alt="close" />'
});
しかし、クラスjtで2つ以上の時間を使用したい場合は、たとえば、最初のクラスだけが機能します。
<a class="jt" href="ajax6.html" rel="ajax6.html" title="jTip Style!">
<a class="jt" href="ajax5.html" rel="ajax5.html" title="jTip Style!">
ajax6が読み込まれ、ツールチップが表示され、ajax5はツールチップが読み込まれません