当前位置: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; } } } script>
以上代码里 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;}