使用jQuery制作鼠标悬浮在文字上出现的气泡提示
//初始化x轴和y轴
var x = 10;
var y = 20;
//鼠标移动上去
$(".tooltip").mouseover(function (e) {
//初始化title
this.MyTitle = this.title;
this.title = "";
//创建一个div元素
var $add = "<div id='tooltip'>" + this.MyTitle + "</div>";
//将创建的div元素追加到鼠标上面
$("body").append($add);
//给创建好的div元素添加样式
$("#tooltip").css(
{
"top": (e.pageY + y) + "px",
"left": (e.pageX + x) + "px"
}
).show("fast"); //快速显示
}).mouseout(function () { //鼠标移除
this.title = this.MyTitle;
$("#tooltip").remove(); //样式的移除
}).mousemove(function (e) {
$("#tooltip").css({ //文字提示随着鼠标移动
"top": (e.pageY + y) + "px",
"left": (e.pageX + x) + "px"
})
})