Copie o código do código da seguinte forma:
<html>
<cabeça>
<meta charset="utf-8"/>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<roteiro>
/*Prompt de texto*/
/*
(1) Quando o mouse se move, crie um div cujo conteúdo seja o valor do atributo title.
(2) Especifique a posição e defina o estilo CSS
(3) Quando o mouse se mover, remova o div
(4) Quando o mouse se move, as coordenadas do eixo XY devem mudar de acordo.
*/
$(função(){
var x = 7;
var y = 8;
$("a.tip").hover(function(){
var título = este.título;
var $div = $("<div id='newTip'>"+title+"</div>");
$("corpo").append($div);
$div.css({"posição":"absoluto","fundo":"rosa"});
},função(){
$("#novaDica").remove();
}).mousemove(função(e){
var $div = $("#newTip").css({"left":(e.pageX+x)+'px',"top":(e.pageY+y)+'px'});
});
})
</script>
</head>
<corpo>
<a href="#">Esta é minha dica</a>
</body>
</html>