//找到id为category的div，绑定onmouseover事件

$("#category")[0].addEventListener("mouseover",showCate,false);

$("#category")[0].addEventListener("mouseout",hideCate,false);

/*当鼠标进入全部商品分类时，显示id为cate_box的元素*/

function showCate(){

    this.$("#cate_box")[0].style.display="block";

}

/*当鼠标进入全部商品分类时，隐藏id为cate_box的元素*/

function hideCate(){

    this.$("#cate_box")[0].style.display="none";

}

//找到id为cate_box下的所有直接li，存为lis

var lis=$("#cate_box>li");

//遍历lis中每个li

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

    //    为当前li绑定onmouseover和onmouseout事件

        lis[i].onmouseover=showSubCate;

        lis[i].onmouseout=hideSubCate;

    }

}