ツールチップ
jQueryで動きのあるツールチップを作成
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.betterTooltip.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.tTip').betterTooltip({speed: 150, delay: 300});
});
</script>Build a Better Tooltip with jQuery Awesomeness サイトよりスクリプトをダウンロードする。
.tTipという記述がツールチップを表示するターゲット。
speed:の値はアニメーションのスピード。
delay:はオンマウスしてからどのくらいで出現させるか。
値が大きいほど時間差も大きくなります。
<div class="tTip" id="cloud1" title="ToolTipText">オンマウスでツールチップ出現</div>
ツールチップを表示したいタグに .tTip クラスをつけるだけでOKです。
