1. 首页
  2. 数据库
  3. 其它
  4. JavaScript实现HTML导航栏下拉菜单

JavaScript实现HTML导航栏下拉菜单

上传者: 2021-01-31 09:20:22上传 PDF文件 66.03KB 热度 33次
JavaScript实现HTML导航栏下拉菜单[悬浮显示] 前端界面进行设计时,我们会遇到鼠标悬浮在某选项上,然后就会凭空显示出菜单出来,这种设计的确受到了很多人的青睐。其实纯css也是可以实现的,但是会有一些限制,必须如要显示的菜单需要作为鼠标悬浮元素的子元素,选择器优先级等等。废话不多说,直接看效果! 样式有点丑。 代码实现(JavaScript) 1、获取要悬浮的对象和菜单对象 //获取需要悬浮的对象 let show = document.getElementById(show); //获取被隐藏的菜单 let menu = document.getElementB
用户评论