<%@ Page Language="C#"AutoEventWireup="true"CodeBehind="Default.aspx.cs"Inherits="webApplication247.Default"%>
#tooltip
{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:1px;
color:#333;
display:none;
}
$(function () {
var x = 10; //tooltip 偏移鼠标的横坐标
var y = 20; //tooptip 偏移鼠标的纵坐标
var myTitle;
//1. 鼠标移至新闻,去掉系统默认的 tooltip,自定义 tooltip
//2. 鼠标移出新闻,还原系统默认的 tooltip,移除自定义的 tooltip
//3. 鼠标在新闻上移动,设置自定义的 tooltip 的位置
$("a.tooltip").mouseover(function (e) {
myTitle = this.title;
this.title = "";
var tooltip = "
$("body").append(tooltip);
$("#tooltip").CSS({
"top": (e.pageY + y) + "px",
"left": (e.pageX + x) + "px"
}).show("fast");
}).mouseout(function () {
this.title = myTitle;
$("#tooltip").remove();
}).mousemove(function (e) {
$("#tooltip").css({
"top": (e.pageY + y) + "px",
"left": (e.pageX + x) + "px"
});
});
});
来源: http://www.phpstudy.net/b.php/113062.html