DIV+CSS 级联下拉菜单 多级下拉菜单
很多人在做web的级联下拉菜单时,常常利用Javascript来写,这里强烈不推荐使用这种方法,原因有两个:
1.必须利用onmouseover和onmouseout函数,效率先不说,非常复杂。尤其是设置到多级菜单的时候,需要利用递归,难度很大。
2.兼容性太差。写完的级联菜单在ie下正常,在Firefox就跑样了,同样在Firefox正常,在ie下就走样了,最后需要根据浏览器写两份Javascript,苦啊~~~。
这里推荐利用css生成下来菜单。方法直接,兼容性好,需要写Javascript代码。生成后的效果图如下图:
css级联菜单最重要的是下面两段代码: