Copiez le code comme suit :
<html>
<tête>
<meta charset="utf-8"/>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<script>
/*Invite de texte*/
/*
(1) Lorsque la souris entre, créez un div dont le contenu est la valeur de l'attribut title.
(2) Spécifiez la position et définissez le style CSS
(3) Lorsque la souris sort, supprimez le div
(4) Lorsque la souris bouge, les coordonnées de l'axe XY doivent changer en conséquence.
*/
$(fonction(){
variable x = 7 ;
var y = 8 ;
$("a.tip").hover(function(){
var titre = this.titre;
var $div = $("<div id='newTip'>"+title+"</div>");
$("corps").append($div);
$div.css({"position": "absolute", "background": "rose"});
},fonction(){
$("#newTip").remove();
}).mousemove(fonction(e){
var $div = $("#newTip").css({"left":(e.pageX+x)+'px',"top":(e.pageY+y)+'px'});
});
})
</script>
</tête>
<corps>
<a href="#">Voici mon conseil</a>
</corps>
</html>