当前位置:Gxlcms > html代码 > onmouseover反应慢一闪就过去是为啥?_html/css_WEB-ITnose

onmouseover反应慢一闪就过去是为啥?_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:20人阅读

jquery color class

先附上代码

a b c d e
a--- D1
09/29 11:00 sh 205 320 3030ke ppl
function highlight(obj, isHover) { var cssClass = obj.className; //alert(cssClass); if(cssClass == "" || cssClass == "MouseOver") { obj.className = isHover ? "MouseOver" : ""; return; } var color = "#000000"; var oddColor = "#000000"; if(isHover) { //obj.style.backgroundImage = "url(/images/main/bg19.gif)"; //alert(cssClass); obj.style.backgroundColor = "#FFCC00"; obj.style.borderColor = "#ffe066 #907608 #907608 #ffe066"; } else { color = ""; oddColor = ""; obj.style.backgroundColor = ""; obj.style.borderColor = ""; //obj.style.backgroundImage = "url(/images/main/bg09.gif)"; } obj.style.color = color; // set color of this element var tds = obj.getElementsByTagName("TD"); // and all child TDs for (var i = 0; i < tds.length; i++) { if (tds[i].className == "odd") { tds[i].style.color = color; } else { tds[i].style.color = color; } } }




以上代码里 tr是循环出来的。 我附上的是其中一个table的数据

问题是td里的 onmouseover/out 效果 反应慢 鼠标上去了有的不会变效果 在一个 td里来回一下才出现效果 有时还是一闪就没了。 不知道是什么原因 。有没有人知道? 困惑了 2天 在不行 高手请求以上代码 改为 jquery的 也行 jquery 替代 onmouseover 效果。


回复讨论(解决方案)

a b c d e
a--- D1
09/29 11:00 sh 205 320 3030ke ppl

试试吧

2楼 没什么改变啊 就是 输出的时候就 出毛病 。。

这个估计你的td太多了

请问这个效果 用 jquery 如何实现呢?

事件冒泡吧.. 改用jquery的 mosueEnter mouseLeave

LZ使用jquery实现的话,可以参照下面的:

var table = $("#table1");  // 假设table的id为table1function CreateTr() {    var tr = $("");    var td = GetTd();    $(td).appendTo(tr);    $(tr).appendTo(table);}function GetTd() {    var td = $("");    $(td).bind("mouseenter", function() {        // logic    });    $(td).bind("mouseleave", function() {        // logic    });    return td;}

人气教程排行