问答详情
源自:10-1 编程挑战

求大佬指教,怎么简化下面的代码

有没有大佬帮我简化下面的代码:

  menu_li[0].onmouseover=function()
      {startMove( under_line[0],{width:100});};
 
       
      menu_li[0].onmouseout=function()
      {startMove( under_line[0],{width:0});};
     
       menu_li[1].onmouseover=function()
      {startMove( under_line[1],{width:100});};
 
       
      menu_li[1].onmouseout=function()
      {startMove( under_line[1],{width:0});};
       
    menu_li[2].onmouseover=function()
      {startMove( under_line[2],{width:100});};
 
       
      menu_li[2].onmouseout=function()
      {startMove( under_line[2],{width:0});};
     menu_li[3].onmouseover=function()
      {startMove( under_line[3],{width:100});};
 
       
      menu_li[3].onmouseout=function()
      {startMove( under_line[3],{width:0});};
        menu_li[4].onmouseover=function()
      {startMove( under_line[4],{width:100});};
 
       
      menu_li[4].onmouseout=function()
      {startMove( under_line[4],{width:0});};
       

提问者:白墨钰 2019-01-21 16:33

个回答

  • weibo_慕移动7427316
    2019-02-13 17:07:01


    for(var i=0;i<menu_li.length;i++){

        menu_li[i].onmouseover=function(){

             startMove( under_line[i],{width:100});

        };

        menu_li.onmouseout=function(){

            startMove( under_line[i],{width:0});

        };

    }


  • 慕仔1561325
    2019-01-21 22:39:51

    同学你好,我是一个刚学js两个月的新手,startMove函数我还不懂,不过我觉得你一个一个的写鼠标触发事件太笨拙了,想办法用遍历循环或者while什么的实现才行啊,加油!

  • 白墨钰
    2019-01-21 17:09:30

    大佬们,看一下,谢谢了