鼠标悬停导航链接不起作用

Posted 2023-03-29

【中文标题】鼠标悬停导航链接不起作用

【英文标题】：mouseover nav link does not work

【发布时间】：2013-11-18 12:29:53

【问题描述】：

我想在导航元素<a> 上添加EventListioner，但没有成功。而且我不喜欢通过 jQuery 来解决它。我的代码如下：

<div id="navigation">
   <nav class="navbg clearfix">
    <a class="navcell" href="#">item1</a>
        <a class="navcell" href="#">item2</a>
        <a class="navcell" href="#">item3</a>
        <a class="navcell" href="#">item4</a>
        <a class="navcell" href="#">item5</a>
        <a class="navcell" href="#">item6</a>
   </nav>
</div>

而JS是：

<script type="text/javascript">
   var navobj = document.getElementById("navigation").getElementsByTagName("a");
   for(var i=0; i < navobj.length; i++)
      navobj[i].onmouseover = function()
          DD_belatedPNG.fix('.selected');
    
</script>

【参考方案1】：

你的函数没有正确关闭，你缺少一个''

<script type="text/javascript">
   var navobj = document.getElementById("navigation").getElementsByTagName("a");
   for(var i=0; i < navobj.length; i++)
      navobj[i].onmouseover = function()
          DD_belatedPNG.fix('.selected');
       ;
    
</script>

【参考方案2】：

使用这个 JS：

<script type="text/javascript">
   var navobj = document.getElementById("navigation").getElementsByTagName("a");
     for(var i=0; i < navobj.length; i++)
      navobj[i].onmouseover = function()
          DD_belatedPNG.fix('.selected');
        //you have missed this closing bracket.
    
</script>

你错过了一个右大括号。