入力フォームにフォーカスしたらツールチップを出す

Ads

Result

jQuery

//要素を非表示にしておく
$("p").hide();
//フォーカスしたらフェードイン。
$("input").focus(function() {
    $("p").fadeToggle("fast", "linear");
});
//フォーカスが外れたらフェードアウト
$("input").focusout(function() {
    $("p").fadeToggle("fast", "linear");
});​

html

<input></input>
<p>tooltipです!</p>​
タイトルとURLをコピーしました