在这里介绍鼠标悬停导航栏显示下拉菜单得两种方法,html和css样式就不贴代码了。
1、原生js
<script>
// window.onload = function(){
// 获取需要悬浮的对象
let show = document.getElementById("businessarea");
// 获取被隐藏的菜单
let menu = document.getElementById("businessarea-menu");
// 给show添加鼠标悬停事件
show.onmouseover = function(){
menu.style.display = "block";
}
show.onmouseout = function(){