jQuery ツールのスタンドアロン デモ href="./tooltip-generic.css"/>
#myform {
border:1px outset #ccc;
背景:#fff リピート-x;
パディング:20px;
マージン:20px 自動;
幅:350ピクセル;
フォントサイズ:12px;
-moz-border-radius:4px;
}
#myform h3 {
text-align:center;
マージン:0 0 10px 0;
}
/* http://www.quirksmode.org/css/forms.html */
#inputs label, #inputs input, #inputs textarea, #inputs select {
display:ブロック;
幅: 150px;
フロート: 左;
マージン-ボトム: 20px;
}
#inputs label {
text-align: right;
幅: 75px;
右パディング: 20px;
}
#inputs br {
クリア: 左;
}
// DOM の準備ができたらスクリプトを実行します。これは良い習慣です
$(function() {
// 必要な入力フィールドをすべて選択し、ツールヒントを添付します
$("#myform :input").tooltip({
//ツールチップを右端に配置します
position: "center right",
// 位置を少し調整します
offset: [-2, 10],
// 組み込みのフェードインを使用します/fadeOut 効果
効果: "フェード",
// カスタムの不透明度設定
不透明度: 0.7
});