位置: 编程技术 - 正文
JavaScript实现下拉菜单的显示和隐藏(js实现下载)
编辑：rootadmin推荐整理分享JavaScript实现下拉菜单的显示和隐藏(js实现下载)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:javascript:down(),javascript:down(),javascript keydown,javascript:down(),js实现下载功能,javascript keydown,javascript:down(),js实现下载功能,内容如对您有帮助，希望把文章链接给更多的朋友！
我们这一篇来用JavaScript脚本实现下拉菜单的显示和隐藏。使用JavaScript方法实现我们需要用的知识有：1)JS事件：onmouseover鼠标经过事件和onmouseout鼠标离开事件。2)JS基础语法：使用function关键字定义函数。3)DOM编程：getElementsByTagName()方法。那么接下来就是我们制作的流程：1)隐藏二级菜单：设置CSS样式,让二级菜单隐藏。2)编写显示子菜单showsub()函数：使用getElementsByTagName获取二级菜单项；通过style.display设置二级菜单显示。3)编写隐藏子菜单hidesub()函数：使用getElementsByTagName获取二级菜单项；通过style.display设置二级菜单隐藏。4)添加鼠标事件：给有二级菜单的一级菜单添加鼠标事件,并调用showsub()/hidesub()函数，实现鼠标经过一级菜单，二级菜单显示和隐藏。5)做浏览器兼容性检测，至少五个浏览器。IE7,8,9，火狐，谷歌，浏览器等。
效果图：
HTML代码：
外部CSS样式表style.css文件代码：
外部JS脚本script.js文件代码：
标签: js实现下载
本文链接地址:https://www.jiuchutong.com/biancheng/384705.html 转载请保留说明！上一篇：基于JavaScript实现简单的随机抽奖小程序(基于JAVASCRIPT实现的可视化工具是)
下一篇：浅谈javascript 函数表达式和函数声明的区别(javascript中的函数该如何理解)
