二级下拉菜单
一、HTML/CSS方法实现下拉菜单
i.思路:
1.静态网页的制作
2.动态特效的实现---下拉菜单的显示和隐藏
a)CSS方法实现
i.思路:
1.先让二级菜单隐藏 display:none ;
2.父级li:hover ul{display:block;}
b)JQuery方法实现
i.$(function(){})
ii.children()方法找子元素
iii.show()方法显示HTML元素
iv.hide()方法隐藏HTML元素
v.思路:
1.引入JQuery库文件
2.Mouseover() |mouseout()
c)JavaScript方法实现
i.Onmouseover()鼠标经过事件
ii.Onmouseout()鼠标离开事件
iii.getElementsByTagName() 获得一组标签 getElementById()...
3.浏览器兼容
如果觉得《二级下拉菜单(CSS|JavaScript|JQuery)分别实现》对你有帮助,请点赞、收藏,并留下你的观点哦!