首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-11-01 
DIV+CSS 级联下拉菜单 多级下拉菜单很多人在做web的级联下拉菜单时,常常利用Javascript来写,这里强烈不推

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

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


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

热点排行