1. 首页
  2. 安全技术
  3. 网络安全
  4. 基于JS代码实现导航条弹出式悬浮菜单

基于JS代码实现导航条弹出式悬浮菜单

上传者: 2020-11-26 11:21:35上传 PDF文件 45.94KB 热度 12次
1.概述 采用弹出式悬浮菜单,不但可以使网站的导航内容更加清晰,而且不影响页面的整体效果。运行本实例,如图1所示,当鼠标移动到一级导航菜单的标题上时,将弹出悬浮菜单显示该菜单对应的子菜单,鼠标移出时,将隐藏悬浮菜单。 2.技术要点 本实例主要是在JavaScript中,动态改变标签对象的style属性的display属性值来实现动态显示和隐藏二级导航菜单。其实,每一个一级菜单下的二级菜单内容是已经添加在网页的标签中,只是此时设置了不显示。所以,在JavaScript中,当鼠标经过某个导航的标题时,只需要调用指定的对象,动态修改它的display属性
下载地址
用户评论