คัดลอกรหัสรหัสดังต่อไปนี้:
<html>
<หัว>
<meta charset="utf-8"/>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<สคริปต์>
/*ข้อความแจ้ง*/
-
(1) เมื่อเมาส์เคลื่อนเข้ามา ให้สร้าง div ซึ่งมีเนื้อหาเป็นค่าของแอตทริบิวต์ title
(2) ระบุตำแหน่งและกำหนดสไตล์ CSS
(3) เมื่อเมาส์เคลื่อนออก ให้ลบ div ออก
(4) เมื่อเมาส์เคลื่อนที่ พิกัดของแกน XY ควรเปลี่ยนแปลงตามนั้น
-
$(ฟังก์ชั่น(){
วาร์ x = 7;
var y = 8;
$("a.tip").โฮเวอร์(ฟังก์ชั่น(){
var title = this.title;
var $div = $("<div id='newTip'>"+title+"</div>");
$("body").ผนวก($div);
$div.css({"position": Absolute, "พื้นหลัง": "สีชมพู"});
},การทำงาน(){
$("#newTip").remove();
}).mousemove(ฟังก์ชั่น(e){
var $div = $("#newTip").css({"left":(e.pageX+x)+'px',"top":(e.pageY+y)+'px'});
-
-
</สคริปต์>
</หัว>
<ร่างกาย>
<a href="#">นี่คือเคล็ดลับของฉัน</a>
</ร่างกาย>
</html>