田野上飞奔的猪 2013-10-17 13:35 采纳率: 0%
浏览 915

js选项卡切换onMouseOver火狐用不了

.aaleftsec2 { width:0x; background-image:url(../img1/div_Tbg.jpg); text-decoration: none; font-size:13px; font-weight: bold; position:relative; cursor: hand; letter-spacing:6px; border-left: 1px solid #669900; border-top: 4px solid #669900; border-right: 1px solid #669900; } .aasec1 { background-image:url(../Img1/Rearch_BG.jpg); text-decoration: none; height:30px; font-size:15px; cursor: hand; color: #CE231B; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 2px solid #669900; top:3px; } .aamain_tab { width:100%; height:35px; background-color: #ffffff; position:relative; border-left:1px solid #669900; border-right: 1px solid #669900; border-bottom: 1px solid #669900; } function aasecBoardleftbar1(n) { for(i=0;i<aasecTableleftbar1.cells.length;i++){ aasecTableleftbar1.cells[i].className="aasec1"; aasecTableleftbar1.cells[n].className="aaleftsec2"; } for(i=0;i<aamainTableleftbar1.tBodies.length;i++){ aamainTableleftbar1.tBodies[i].style.display="none"; aamainTableleftbar1.tBodies[n].style.display="block"; } }
热点新闻 行业政策
  <!--选项卡头结束-->   

  <!--选项卡内容页-->  
  <table border=0 cellspacing=0 cellpadding=0 id=aamainTableleftbar1 class=aamain_tab height=500>

<!--Tbody标签可以浏览器把TABLE分组下载显示出来,提高TABLE内表格过多造成的下下载速度问题-->

<!--按不同标签进行TABLE分组,第0组-->







<!--#include virtual="2div/content/1-1.html"-->




<!--第0组结束-->

<!--第1组-->







<!--#include virtual="2div/content/1-2.html"-->




<!--第1组结束-->
  </table>
  <!--选项卡内容页结束-->
  • 写回答

1条回答 默认 最新

  • ChatGPTᴼᴾᴱᴺᴬᴵ 2023-08-20 16:55
    关注

    该回答引用ChatGPT-3.5,仅为您供参考,不保证完全正确
    根据您提供的代码片段,看起来您正在使用 JavaScript 和 HTML 来创建一个选项卡切换效果。根据您的描述,您在使用火狐浏览器中遇到了问题。这可能是由于一些兼容性问题导致的。以下是一些建议和可能的解决方案:

    1. 问题定位: 首先,您需要确保问题的确切位置。通过查看浏览器的开发者工具控制台,可以查找是否有任何错误消息。这可以帮助您找到问题的根本原因。

    2. 检查语法错误: 确保您的 JavaScript 代码没有任何语法错误。在您的代码片段中,我没有看到完整的 JavaScript 函数定义,因此难以评估 JavaScript 代码的完整性和准确性。请确保在 JavaScript 代码的前面和后面添加正确的 <script> 标签,并且整个 JavaScript 函数定义是正确的。

    3. 鼠标事件兼容性: 您使用了 onMouseOver 作为选项卡切换的事件处理程序。然而,不同浏览器可能对事件的支持有所不同。您可以尝试改用 onmouseenter 作为鼠标悬停事件,这在大多数现代浏览器中都得到了支持。

      示例:

      <div class="aasec1" onmouseenter="aasecBoardleftbar1(0)">Tab 1</div>
      <div class="aasec1" onmouseenter="aasecBoardleftbar1(1)">Tab 2</div>
      
    4. 避免使用非标准属性: 您的 CSS 代码中使用了 cursor: hand;,然而,这并不是一个标准的 CSS 属性。您可以改用 cursor: pointer;,它是标准的,并且在大多数浏览器中都能正常工作。

    5. 确保文件路径正确: 如果您在代码中使用了外部文件,如图片或其他 HTML 文件,确保文件路径是正确的,以免浏览器无法找到这些资源。

    请注意,代码中提到的一些内容,如 <table> 内部的 #include virtual,似乎是服务器端包含(SSI)语法,这在浏览器端不会直接生效。如果您的代码中使用了 SSI,您需要确保您的服务器支持并正确地配置了 SSI。


    最后,考虑到我只能看到您提供的代码片段,并且缺少完整的上下文,上述建议仅供参考。如果问题仍然存在,您可能需要进一步检查代码,查找可能的错误或与特定浏览器兼容性相关的问题。


    该回答引用NewBing,仅为您供参考,不保证完全正确
    根据我从网络上搜索到的信息,您的问题可能是由于火狐浏览器对onmouseover事件的处理方式不同于其他浏览器所导致的¹。您可以尝试以下几种方法来解决这个问题:

    • 使用onmouseenter事件代替onmouseover事件²。onmouseenter事件只在鼠标指针进入元素时触发,而不会在其子元素上触发,这样可以避免冒泡和重复触发的问题。
    • 使用addEventListener方法来绑定事件处理函数³。addEventListener方法可以让您更灵活地控制事件的监听和移除,以及是否在捕获或冒泡阶段执行。
    • 使用CSS的:hover伪类来实现选项卡切换的效果。CSS的:hover伪类可以让您在鼠标指针悬停在元素上时改变其样式,而不需要使用JavaScript代码。

    源: 与必应的对话, 2023/8/20
    (1) onmouseover Event - W3Schools. https://www.w3schools.com/jsref/event_onmouseover.asp.
    (2) js中onmouseover事件不起作用 - CSDN博客. https://blog.csdn.net/qq_41810380/article/details/122959415.
    (3) onmouseover 事件 - w3school 在线教程. https://www.w3school.com.cn/jsref/event_onmouseover.asp.
    (4) onmouseover Event - W3Schools. https://www.w3schools.com/jsref/event_onmouseover.asp.
    (5) onmouseover 事件 - w3school 在线教程. https://www.w3school.com.cn/jsref/event_onmouseover.asp.
    (6) js中onmouseover事件不起作用 - CSDN博客. https://blog.csdn.net/qq_41810380/article/details/122959415.

    评论

报告相同问题?

悬赏问题

  • ¥15 C++使用Gunplot
  • ¥15 这个电路是如何实现路灯控制器的,原理是什么,怎么求解灯亮起后熄灭的时间如图?
  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 在abaqus做了二维正交切削模型,给刀具添加了超声振动条件后输出切削力为什么比普通切削增大这么多
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)