二级下拉菜单

简介: 看似简单的一个菜单,确需要不少的知识点。 1. getByClass  getElementsByClassName 已经有大部分现代浏览器支持了,只有ie6,ie7,ie8是不支持的。所以对ie6,7,8做特别的处理就行,而ie里边有个内置的属性一直被我们所忽略,document.all,这个比一般的document.getElementsByTagName('*')或许要快一点。

看似简单的一个菜单,确需要不少的知识点。

1. getByClass 

getElementsByClassName 已经有大部分现代浏览器支持了,只有ie6,ie7,ie8是不支持的。所以对ie6,7,8做特别的处理就行,而ie里边有个内置的属性一直被我们所忽略,document.all,这个比一般的document.getElementsByTagName('*')或许要快一点。

2. setTimeout 的巧妙用法。 

当鼠标离开某个区域时,延时隐藏另外一个区域,而到另外一个区域是清除这个定时器。 






本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2013/03/26/2983510.html,如需转载请自行联系原作者
目录
相关文章
【每日教程】用中继器做一个三级菜单(含标签)
【每日教程】用中继器做一个三级菜单(含标签)
若依如何创建二级页面菜单,点击目录后,右侧空白的悬浮空白的内容,点击系统管理的菜单管理,上级菜单点击主类木有个小三角,选择我们之前创建的主类目
若依如何创建二级页面菜单,点击目录后,右侧空白的悬浮空白的内容,点击系统管理的菜单管理,上级菜单点击主类木有个小三角,选择我们之前创建的主类目
|
8月前
|
Android开发
ExpandInfoAdapter实现二级列表显示转
ExpandInfoAdapter实现二级列表显示转
30 1
|
JSON 数据库 数据格式
LayUI 实现树形二级导航栏
LayUI 实现树形二级导航栏
90 0
|
8月前
|
JavaScript 前端开发
jquery实现二级导航下拉菜单效果实例
jquery实现二级导航下拉菜单效果实例
126 0
|
前端开发
二级导航栏
简介:本文通过HTML与CSS相集合的方式,来实现二级导航菜单。 CSS渲染 最后的结果展示:
106 0
二级导航栏
【Axure教程】中继器联动——二级下拉列表案例
【Axure教程】中继器联动——二级下拉列表案例
|
前端开发
HTMl+CSS制作二级菜单或二级导航栏
 二级菜单的实现思路为: 1.在默认状态下,使用display:none;将二级菜单隐藏。  2.当一级菜单中的列表标签li获取焦点(hover)后,使用display:blick;将二级菜单显示出来。  3.使用position: relative;和position: absolute;分别得一级菜单和二级菜单设置相对定位和绝对定位。
1317 0
HTMl+CSS制作二级菜单或二级导航栏