Kopieren Sie den Codecode wie folgt:
<html>
<Kopf>
<meta charset="utf-8"/>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<Skript>
/*Textaufforderung*/
/*
(1) Wenn sich die Maus hineinbewegt, erstellen Sie ein Div, dessen Inhalt der Wert des Titelattributs ist.
(2) Geben Sie die Position an und legen Sie den CSS-Stil fest
(3) Wenn sich die Maus herausbewegt, entfernen Sie das Div
(4) Wenn sich die Maus bewegt, sollten sich die Koordinaten der XY-Achse entsprechend ändern.
*/
$(Funktion(){
var x = 7;
var y = 8;
$("a.tip").hover(function(){
var title = this.title;
var $div = $("<div id='newTip'>"+title+"</div>");
$("body").append($div);
$div.css({"position": "absolut", "hintergrund": "rosa"});
},Funktion(){
$("#newTip").remove();
}).mousemove(function(e){
var $div = $("#newTip").css({"left":(e.pageX+x)+'px',"top":(e.pageY+y)+'px'});
});
})
</script>
</head>
<Körper>
<a href="#">Das ist mein Tipp</a>
</body>
</html>