其他分享
首页 > 其他分享> > JS之下拉菜单案例鼠标经过显示

JS之下拉菜单案例鼠标经过显示

作者:互联网

// 1. 获取元素
var nav = document.querySelector('.nav');
var lis = nav.children; //得到4个小li
// 2.循环注册事件
for(var i=0;i<lis.length;i++){
lis[i].onmouseover = function(){
this.children[1].style.display = 'block';
}
lis[i].onmouseout = function(){
this.children[1].style.display = 'none';
}
}

 

标签:鼠标,下拉菜单,nav,querySelector,var,JS,children
来源: https://www.cnblogs.com/dxboot/p/16299882.html