次のようにコードをコピーします。
<html>
<頭>
<meta charset="utf-8"/>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<スクリプト>
/*テキストプロンプト*/
/*
(1) マウスが移動すると、title 属性の値を内容とする div を作成します。
(2) 位置を指定してCSSスタイルを設定
(3) マウスが外に出たら、divを削除します。
(4) マウスを動かすと、それに応じて XY 軸の座標が変化するはずです。
*/
$(関数(){
var x = 7;
変数y = 8;
$("a.tip").hover(function(){
var title = this.title;
var $div = $("<div id='newTip'>"+title+"</div>");
$("本体").append($div);
$div.css({"位置":"絶対","背景":"ピンク"});
}、関数（）{
$("#newTip").remove();
}).mousemove(関数(e){
var $div = $("#newTip").css({"left":(e.pageX+x)+'px',"top":(e.pageY+y)+'px'});
});
})
</script>
</head>
<本文>
<a href="#">これが私のヒントです</a>
</body>
</html>