读书人

DIV+CSS 级联上拉菜单 多级上拉菜单

发布时间: 2012-11-01 11:11:31 作者: rapoo

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

这里推荐利用css生成下来菜单。方法直接,兼容性好,需要写Javascript代码。生成后的效果图如下图:


css级联菜单最重要的是下面两段代码:

读书人网 >CSS

热点推荐