Copie el código de código de la siguiente manera:
<html>
<cabeza>
<meta juego de caracteres="utf-8"/>
<script tipo="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<guión>
/*Mensaje de texto*/
/*
(1) Cuando el mouse se mueva, cree un div cuyo contenido sea el valor del atributo de título.
(2) Especifique la posición y establezca el estilo CSS
(3) Cuando el mouse se mueva, elimine el div
(4) Cuando el mouse se mueve, las coordenadas del eje XY deberían cambiar en consecuencia.
*/
$(función(){
var x = 7;
var y = 8;
$("a.tip").hover(función(){
var título = this.title;
var $div = $("<div id='newTip'>"+título+"</div>");
$("cuerpo").append($div);
$div.css({"posición":"absoluta","fondo":"rosa"});
},función(){
$("#newTip").remove();
}).mousemove(función(e){
var $div = $("#newTip").css({"left":(e.pageX+x)+'px',"top":(e.pageY+y)+'px'});
});
})
</script>
</cabeza>
<cuerpo>
<a href="#">Este es mi consejo</a>
</cuerpo>
</html>