html 鼠标放在div悬停事件,用js给div添加鼠标悬停事件

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

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

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

先用firebug看清表格结构:\

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

js代码:

var obj = document.getElementsByTagName("div");//先得到所有的div标记

for(var i=0;i

{

if(obj[i].className == 'innerCol ')//找出div标记中class=innerCo1 的那个标记

{

var getObj = obj[i];

value = getObj.innerHTML;//获得innerHTML

if(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里填上内容

用户在待续费期间(用户(操作时)状态=待续费)

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

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

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

html 鼠标放在div悬停事件,用js给div添加鼠标悬停事件相关推荐

textview点击事件 android,Android给TextView添加点击事件的实现方法
首先设定TextView的clickable属性为true. 可以在布局文件中进行设定,比如: android:id="@+id/phone" android:clickable= ...
php 列表单击事件,首页gt; PHPgt;如何添加点击事件到jstree的(jQuery插件)异步列表？...
我想将点击事件添加到jstree的异步列表项中. 理想的结果是:当我单击jstree中的项目时,该项目的内容将作为参数传输到sql查询,然后执行该查询并在同一页或另一页中显示结果集. 虽然我不知道如何 ...
js动态添加html元素绑定事件,JS实现动态添加DOM节点和事件的方法示例
本文实例讲述了JS实现动态添加DOM节点和事件的方法.分享给大家供大家参考,具体如下: 运行效果图如下: 完整实例代码如下: /p> "http://www.w3.org/TR/xht ...
关于js中无法绑定点击事件
在js文件中添加点击事件失败,但是HTML中onclick就能成功. 解决办法:将js的引用的script标签放到</body>的后面.这样在页面渲染之后再执行js代码.
在html上js添加宽度,js 获取div高度并重新设置div高度与宽度
js 获取div高度并重新设置div高度与宽度 js 获取div高度并重新设置div高度与宽度 var $=function(id) { return document.getElementById( ...
谷歌地图中给infowindow添加点击事件
项目中想实现点击地图中marker上面的图标,即点击infowindow之后跳转到另一个界面,发现不可以像监听marker点击事件一样直接给infowindow添加点击事件.解决方法为将content ...
js实现鼠标放在div 悬浮显示另一个div内容链接（不占位置）
js实现鼠标放在div 悬浮显示另一个div内容链接 (不占位置) 代码如下不喜勿喷简单记录前端小知识 <div><a id="div1" href=&quo ...
（源码实例）通过层DIV实现，当鼠标放在链接上面，显示图片及文字
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! (源码实 ...
js效果 div跟随鼠标移动
js效果 div跟随鼠标移动 <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...

html 鼠标放在div悬停事件,用js给div添加鼠标悬停事件

html 鼠标放在div悬停事件,用js给div添加鼠标悬停事件相关推荐

最新文章

热门文章