انسخ رمز الكود كما يلي:
<أتش تي أم أل>
<الرأس>
<meta charset="utf-8"/>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<النص البرمجي>
/*رسالة نصية*/
/*
(1) عندما يتحرك الماوس، قم بإنشاء div يكون محتواه هو قيمة سمة العنوان.
(2) حدد الموضع واضبط نمط CSS
(3) عندما يتحرك الماوس للخارج، قم بإزالة div
(4) عندما يتحرك الماوس، يجب أن تتغير إحداثيات المحور XY وفقًا لذلك.
*/
$(وظيفة(){
فار س = 7؛
فار ص = 8؛
$("a.tip").hover(function(){
عنوان فار = this.title;
var $div = $("<div id='newTip'>"+title+"</div>");
$("body").append($div);
$div.css({"position": "absolute"، "background": "pink"})؛
}،وظيفة(){
$("#newTip").remove();
}).mousemove(وظيفة(ه){
var $div = $("#newTip").css({"left":(e.pageX+x)+'px',"top":(e.pageY+y)+'px'});
});
})
</script>
</الرأس>
<الجسم>
<a href="#">هذه نصيحتي</a>
</الجسم>
</html>