新任务:给表格上的某列添加鼠标悬浮事件

但是表格是由omGrid生成的,无法修改

所以只能先获取,再添加事件

先用firebug看清表格结构:\

是div class="innerCo1 " class还是有空格的,为此还纠结了下..

js代码:

var obj = document.getElementsByTagName("div");//先得到所有的div标记for(var i=0;i<obj.length;i++){if(obj[i].className == 'innerCol ')//找出div标记中class=innerCo1 的那个标记{var getObj = obj[i];value = getObj.innerHTML;//获得innerHTMLif(value=='用户在待续费期间'){getObj.οnmοuseοver=function(){show("div1");};getObj.οnmοuseοut=function(){hide("div1");};}}}

添加事件,使用隐藏显示方法

function show(id) {    var objDiv = $("#"+id+"");$(objDiv).css("display","block");$(objDiv).css("left", event.clientX);$(objDiv).css("top", event.clientY+50);  }function hide(id) {var objDiv = $("#"+id+"");$(objDiv).css("display", "none");} 

div里填上内容

<div id="div1" style="color:red;position:absolute;display:none;border:1px solid silver;background:silver;">用户在待续费期间（用户（操作时）状态=待续费）</div>

加载完js后,就可以看到效果了

浮动框的位置也是可以自己调的

最后给每个类别都写个div加上,好多...