加高亮的效果，结果鼠标一放上去，icon却消失了？

(function(){

     var bannerNavUl=document.getElementById("banner-nav-ul");

     var bannerNav=document.getElementById("banner-nav");

     var bannerLis=document.querySelectorAll('#banner-nav-ul li');

     //寻找所有的menu

      var menus=document.querySelectorAll(".menus-box .menu");

     //事件委托,必须使用onmouseover事件，而不是onmouseenter

     //onmouseover冒泡,onmouseenter不冒泡

     bannerNavUl.onmouseover=function(e){

         if(e.target.tagName.toLowerCase()=="li"){

             //得到触碰的这个li元素身上的data-t属性

             var t=e.target.getAttribute('data-t');

            //排他操作，让所以的li去掉current

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

                bannerLis[i].className=bannerLis[i].getAttribute('data-t');

            }

             //当前碰到的这个li，要加current类

             e.target.className+='current';

            //寻找匹配的menu

            var themenu=document.querySelector('.menus-box .menu[data-t='+ t +']');

            //排他操作，让其他的盒子都去掉current

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

                menus[i].className='menu';

            }

            //匹配的这项加上current

            themenu.className='menu current';

         }

     }

     //当鼠标离开大盒子，菜单要关闭

     bannerNav.onmouseleave=function(){

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

            bannerLis[i].className=bannerLis[i].getAttribute('data-t');

            menus[i].className='menu';

        }

     }

})();

能直接打包给老师看嘛