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

来源:10-1 编程挑战

白墨钰

2019-01-21 16:33

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

  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});};
       

写回答 关注

3回答

  • 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

    大佬们,看一下,谢谢了

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题