有没有大佬帮我简化下面的代码:
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});};
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});
};
}
同学你好,我是一个刚学js两个月的新手,startMove函数我还不懂,不过我觉得你一个一个的写鼠标触发事件太笨拙了,想办法用遍历循环或者while什么的实现才行啊,加油!
大佬们,看一下,谢谢了