真心求助、为table中的每一个单元格添加鼠标悬停提示文本信息

Question

具体我不知道该怎么写？
知道js里面有onmouseover和onmouseout事件,
jquery里面有mouseover和mouseout事件，但我都不知道怎么用，怎样才能实现我要的效果.
请朋友们多指教!  谢谢!

Answer 1

定义一个隐藏的DIV，当鼠标悬停的时候，将相应和文本信息添加进去，同时设置可见；当鼠标离开的时候，就将其再次隐藏起来。思路是这样的。

Answer 2

function mouseOver()
{
document.getElementById('b1').title ="aaaaaaa"
}
<input type="text" id="b1" title="" onmouseover="mouseOver()">

Answer 3

是啊，不都有title属性的吗，生成table的时候，动态填充上值就是了。何必要多余的控制呢

Answer 4

简单的就用jQuery的插件，百度，google上直接搜 jQuery tooltip，使用起来比简单

Answer 5

   var x = 10;  
var y = 20;
$("tr.tooltip").mouseover(function(e){
        this.myTitle = this.title;
        this.title = "";
        var tooltip = "<div id='tooltip'>"+ this.myTitle+"<\/div>"; 
$("body").append(tooltip);
$("#tooltip")
.css({
"top": (e.pageY + y) + "px",
"left": (e.pageX  + x) + "px"
}).show("fast");   
    }).mouseout(function(){
this.title = this.myTitle;
$("#tooltip").remove();   
    });用jquery