用JavaScript制作菜单

1. 用mouseover和mouseout代替css的hover功能
2. 通过闭包和addEventListener设置鼠标mouseover和mouseout事件：循环执行函数(function(ind){})(i)来绑定每个菜单项的事件

for (var i = 0; i < y1.length; i++) {
      y1[i].addEventListener("mouseover",
        function(){
          var obj = y[num].querySelectorAll("ul>li");
          for(let j=0;j<obj.length;++j){
            obj[j].style.visibility="visible";
          }
        },
        false
      );
      y1[i].addEventListener("mouseout",
        function(){
          var obj = y[num].querySelectorAll(" ul>li");
          for(let j=0;j<obj.length;++j){
            obj[j].style.visibility="hidden";
          }
        },
        false
      );
    //输出永远i＝y1.length；
    //因为function在mouseover事件发生后才执行函数
  }

<script>
  var y1 = document.querySelectorAll(