让您的模板更NB系列之一鼠标移入和移出单元格自定义提示

绚丽的功能，总是需要写苦逼的代码。

模板设置如下：

A1为展示显示的值，

B1为展示悬浮提示元素

B1的父格设置如上图.

隐藏B1

在填报预览下一个加载结束事件

JS代码如下

$("tr[tridx=0] :nth-child(n)").bind("mouseover",function(e)//获取所有第一行的单元格并给他添加mouseover事件

{

var tooltip="<div id='tooltip'>"+$(this).next().text()+"</div>";//添加一个div显示选择单元格的下一个单元格内容

$("body").append(tooltip);

$("#tooltip")

.css({

"top":(e.pageY+10)+"px",

"left":(e.pageX+10)+"px"

}).show("fast");//位置和内容会根据选择单元格内部的相对位置， 鼠标放上和移出自定义提示.cpt (4.33 KB, 下载次数: 153)

2013-2-21 13:37 上传

点击文件名下载附件

快速显示出来

}).mouseout(function()

{

$("#tooltip").remove();/移除删除这个DIV

});

展示效果

简单样例只供参考。

学习了，不错，明天我试试

学习了，不错，明天我试试