目录
onmouseover 反应慢 一闪就过去 是为啥？_html/css_WEB-ITnose
jquery color class
先附上代码<table width="100%" border="0" cellspacing="1" cellpadding="0" > <tr height="27" align="center" style="color:#fff;"> <td width="17%" height="35" bgcolor="#19283e" class="th01">a</td> <td width="33%" height="35" bgcolor="#19283e" class="th01">b</td> <td width="10%" height="35" bgcolor="#19283e" class="th01">c</td> <td width="33%" height="35" bgcolor="#19283e" class="th01">d</td> <td width="8%" height="35" bgcolor="#19283e" class="th01">e</td> </tr> <tr> <td colspan="7" height="25" align="left" > <table height="26" width="100%" cellspacing="0" cellpadding="0" style="margin-top:10px; background:url(/images/main/img09.gif);"> <tr> <td style="padding-left:8px;" width="21"><img align='absmiddle' src='/UpFile/League/Icon_51001627082010.jpg' style="max-width:90%" style="max-width:90%"/ alt="onmouseover 反应慢 一闪就过去 是为啥？_html/css_WEB-ITnose" ></td> <td style="padding-left:7px;" class="txt09">a--- D1</td> </tr> </table> </td> </tr> <tr> <!-- <td colspan="5" align="center" class="txt10" style="padding-left:4px;"> <table width="100%" id="box-table-a"> <tr>--> <td align="center" style="padding-left:4px;">09/29 11:00</td> <td align="center" id="id1_415520" class="list_td" onclick="addCart('ggu12',415520,1,'SMP','2013-09-29 11:00/sh:ke/SMP');" onMouseover="highlight(this, true);" onMouseOut="highlight(this, false);" > <span style="float:left;">sh</span> <span style="float:right;">205</span></td> <td align="center" id="id0_415520" onMouseover="highlight(this, true);" onMouseOut="highlight(this, false);" class="list_td" onclick="addCart('ggu12','415520',0,'SMP','2013-09-29 11:00/sh:ke/SMP');" > 320 </td> <td class="list_td" id="id2_415520" class="list_td" onclick="addCart('ggu12',415520,2,'SMP','2013-09-29 11:00/sh:ke/SMP');" onMouseOver="highlight(this, true);" onMouseOut="highlight(this, false);"><span style="float:left;">3030</span><span style="float:right;">ke</span></td> <td align="center" style="background-color:#2b2b2b; cursor:arow;"><font color="#FFCC00">ppl</font></td> <!-- </tr> </table> </td>--> </tr></table><sript>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 效果。
回复讨论(解决方案)
<table width="100%" border="0" cellspacing="1" cellpadding="0" > <tr height="27" align="center" style="color:#fff;"> <td width="17%" height="35" bgcolor="#19283e" class="th01">a</td> <td width="33%" height="35" bgcolor="#19283e" class="th01">b</td> <td width="10%" height="35" bgcolor="#19283e" class="th01">c</td> <td width="33%" height="35" bgcolor="#19283e" class="th01">d</td> <td width="8%" height="35" bgcolor="#19283e" class="th01">e</td> </tr> <tr> <td colspan="7" height="25" align="left" > <table height="26" width="100%" cellspacing="0" cellpadding="0" style="margin-top:10px; background:url(/images/main/img09.gif);"> <tr> <td style="padding-left:8px;" width="21"><img align='absmiddle' src='/UpFile/League/Icon_51001627082010.jpg' style="max-width:90%" style="max-width:90%"/ alt="onmouseover 反应慢 一闪就过去 是为啥？_html/css_WEB-ITnose" ></td> <td style="padding-left:7px;" class="txt09">a--- D1</td> </tr> </table> </td> </tr> <tr> <!-- <td colspan="5" align="center" class="txt10" style="padding-left:4px;"> <table width="100%" id="box-table-a"> <tr>--> <td align="center" style="padding-left:4px;">09/29 11:00</td> <td align="center" id="id1_415520" class="list_td" onclick="addCart('ggu12',415520,1,'SMP','2013-09-29 11:00/sh:ke/SMP');" onMouseover="highlight(this, true);" onMouseOut="highlight(this, false);" > <span style="float:left;">sh</span> <span style="float:right;">205</span></td> <td align="center" id="id0_415520" onMouseover="highlight(this, true);" onMouseOut="highlight(this, false);" class="list_td" onclick="addCart('ggu12','415520',0,'SMP','2013-09-29 11:00/sh:ke/SMP');" > 320 </td> <td class="list_td" id="id2_415520" class="list_td" onclick="addCart('ggu12',415520,2,'SMP','2013-09-29 11:00/sh:ke/SMP');" onMouseOver="highlight(this, true);" onMouseOut="highlight(this, false);"><span style="float:left;">3030</span><span style="float:right;">ke</span></td> <td align="center" style="background-color:#2b2b2b; cursor:arow;"><font color="#FFCC00">ppl</font></td> <!-- </tr> </table> </td>--> </tr></table><script tepe="javascrit/text">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>登录后复制
试试吧
2楼 没什么改变啊 就是
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
<🎜>：种植花园 - 完整的突变指南
3 周前
By DDD
<🎜>：泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
如何修复KB5055612无法在Windows 10中安装？
3 周前
By DDD
北端：融合系统，解释
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
Mandragora：巫婆树的耳语 - 如何解锁抓钩
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
了解HTML，CSS和JavaScript：初学者指南
Apr 12, 2025 am 12:02 AM
WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。
HTML：结构，CSS：样式，JavaScript：行为
Apr 18, 2025 am 12:09 AM
HTML、CSS和JavaScript在Web开发中的作用分别是：1.HTML定义网页结构，2.CSS控制网页样式，3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。
HTML，CSS和JavaScript的未来：网络开发趋势
Apr 19, 2025 am 12:02 AM
HTML的未来趋势是语义化和Web组件，CSS的未来趋势是CSS-in-JS和CSSHoudini，JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果，Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积，CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡，Serverless简化开发但需优化冷启动问题。
HTML的未来：网络设计的发展和趋势
Apr 17, 2025 am 12:12 AM
HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。
HTML与CSS vs. JavaScript：比较概述
Apr 16, 2025 am 12:04 AM
HTML、CSS和JavaScript在网页开发中的角色分别是：HTML负责内容结构，CSS负责样式，JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容，确保语义化。2.CSS通过选择器和属性控制网页样式，使其美观易读。3.JavaScript通过脚本控制网页行为，实现动态和交互功能。
HTML：建立网页的结构
Apr 14, 2025 am 12:14 AM
HTML是构建网页结构的基石。1.HTML定义内容结构和语义，使用、、等标签。2.提供语义化标记，如、、等，提升SEO效果。3.通过标签实现用户交互，需注意表单验证。4.使用、等高级元素结合JavaScript实现动态效果。5.常见错误包括标签未闭合和属性值未加引号，需使用验证工具。6.优化策略包括减少HTTP请求、压缩HTML、使用语义化标签等。
HTML与CSS和JavaScript：比较Web技术
Apr 23, 2025 am 12:05 AM
HTML、CSS和JavaScript是构建现代网页的核心技术：1.HTML定义网页结构，2.CSS负责网页外观，3.JavaScript提供网页动态和交互性，它们共同作用，打造出用户体验良好的网站。
HTML：是编程语言还是其他？
Apr 15, 2025 am 12:13 AM
HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1）htmlStructures andFormatSwebContentusingtags.2）itworkswithcsssforstylingandjavascript for Interactivity，增强WebevebDevelopment。
