//頁面加載完成
$(function () {
    var x = 10;
    var y = 20; //設(shè)置提示框相對于偏移位置，防止遮擋鼠標(biāo)
    $(".prompt").hover(function (e) {  //鼠標(biāo)移上事件
        this.myTitle = this.title; //把title的賦給自定義屬性 myTilte ，屏蔽自帶提示
        this.title = "";
&nbsp; &nbsp; &nbsp; &nbsp; var tooltipHtml = "<div id='tooltip'>" + this.myTitle + "</div>"; //創(chuàng)建提示框
&nbsp; &nbsp; &nbsp; &nbsp; $("body").append(tooltipHtml); //添加到頁面中
&nbsp; &nbsp; &nbsp; &nbsp; $("#tooltip").css({
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "top": (e.pageY + y) + "px",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "left": (e.pageX + x) + "px"
&nbsp; &nbsp; &nbsp; &nbsp; }).show("fast"); //設(shè)置提示框的坐標(biāo)，并顯示
&nbsp; &nbsp; }, function () { &nbsp;//鼠標(biāo)移出事件
&nbsp; &nbsp; &nbsp; &nbsp; this.title = this.myTitle; &nbsp;//重新設(shè)置title
&nbsp; &nbsp; &nbsp; &nbsp; $("#tooltip").remove(); &nbsp;//移除彈出框
&nbsp; &nbsp; }).mousemove(function (e) { &nbsp; //跟隨鼠標(biāo)移動事件
&nbsp; &nbsp; &nbsp; &nbsp; $("#toolti").css({ "top": (e.pageY + y) + "px",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "left": (e.pageX + x) + "px"
&nbsp; &nbsp; &nbsp; &nbsp; });
&nbsp; &nbsp; });
});