文件名称：工具条提示-jQuery 的Ajax应用 操作表格 插件
文件大小：2.53MB
文件格式：PPT
更新时间：2024-05-13 13:33:13
jQuery 的Ajax应用 操作表格 插件
工具条提示 //创建提示工具条 var showTooltip = function(event) { $("div.tooltip").remove(); var $name = $(this).text(); $("
点击后显示员工" + $name
+ "的详细信息
").appendTo("body");
}
//定位提示工具条
var positionTooltip = function(event) {
var posX = event.pageX - 10;
var posY = event.pageY + 20;
$("div.tooltip").css({ "top": posY, "left": posX });
}
//隐藏提示工具条
var hideTooltip = function() {
$("div.tooltip").remove();
}
//调用显示、定位和隐藏工具条函数
$(function() {
var col = 1;//在第1列上创建工具条提示
$("table.tb td:nth-child(" + col + ")").css("cursor", "hand")
.hover(showTooltip,hideTooltip)//调用显示、隐藏函数
.mousemove(positionTooltip)
.click(function() {
alert($(this).text()+" "+$(this).next().text()
+" "+$(this).next().next().text());
});
});