Copy kode kodenya sebagai berikut:
<html>
<kepala>
<meta charset="utf-8"/>
<skrip type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<skrip>
/*Permintaan teks*/
/*
(1) Saat mouse bergerak, buat div yang isinya adalah nilai atribut title.
(2) Tentukan posisi dan atur gaya css
(3) Saat mouse digerakkan, hapus div
(4) Saat mouse bergerak, koordinat sumbu XY akan berubah.
*/
$(fungsi(){
var x = 7;
var y = 8;
$("a.tip").hover(fungsi(){
var judul = ini.judul;
var $div = $("<div id='Tip baru'>"+judul+"</div>");
$("body").append($div);
$div.css({"position":"absolute","background":"pink"});
},fungsi(){
$("#Tip baru").hapus();
}).mousemove(fungsi(e){
var $div = $("#newTip").css({"left":(e.pageX+x)+'px',"top":(e.pageY+y)+'px'});
});
})
</skrip>
</kepala>
<tubuh>
<a href="#">Ini tip saya</a>
</tubuh>
</html>