jquery 无限极下拉菜单的简洁实例(精简浓缩版)_

1、jquery 无限极下拉菜单的简洁实例(精简浓缩版)_ 下面我就为大家带来一篇jquery 无限极下拉菜单的简洁实例(精简浓缩版)。我觉得挺不错的，现在就分享给大家，也给大家做个参考。 jquery 无限极下拉菜单的简洁实例(精简浓缩版) !doctype html html head meta charset=utf-8 meta name=viewport content=width=device-width title脚本之家 script type=text/javascript src=js/jquery-1.9.1.js/script script type=text/javasc

2、ript $(document).ready(function() $(.menu li).hover(function() $(this).children(ul).show(); /mouseover ,function() $(this).children(ul).hide(); /mouseout ); ); /script style type=text/css ul list-style:none; margin:0; padding:0; .menu height:30px; line-height:30px; .menu li float:left; position:rela

3、tive; /*这一级是导航*/ .menu li a display:block; height:30px; line-height:30px; padding:0 20px; .menu li a:hover color:#000; background:#EFEFEF; .menu li a.more color:red; .menu li ul position:absolute; float:left; width:150px; border:1px solid #000; display:none; /*这是其次级菜单*/ .menu li ul a width:110px; .m

4、enu li ul a:hover background:gray; .menu li ul ul top:0;left:150px; /*从第三级菜单开头,全部的子级菜单都相对偏移*/ /style /head body ul class=menu lia href=#菜单一/a ul class=one lia href=#菜单一/a/li lia href=#菜单二/a/li lia href=#菜单三/a/li lia href=#菜单四/a/li lia href=# class=more菜单五/a ul class=two lia href=#菜单一/a/li lia href=#

5、菜单二/a/li lia href=#菜单三/a/li lia href=#菜单四/a/li lia href=# class=more菜单五/a ul class=three lia href=#菜单一/a/li lia href=#菜单二/a/li lia href=#菜单三/a/li lia href=#菜单四/a/li lia href=# class=more菜单五/a ul class=four lia href=#菜单一/a/li lia href=#菜单二/a/li lia href=#菜单三/a/li lia href=#菜单四/a/li lia href=# class=m

6、ore菜单五/a ul class=four lia href=#菜单一/a/li lia href=#菜单二/a/li lia href=#菜单三/a/li lia href=#菜单四/a/li lia href=#菜单五/a/li /ul /li /ul /li /ul /li /ul /li /ul /li lia href=#菜单二/a ul class=one lia href=#菜单一/a/li lia href=#菜单二/a/li lia href=# class=more菜单三/a ul class=two lia href=#菜单一/a/li lia href=#菜单二/a/li lia href=# class=more菜单三/a ul class=three lia href=#菜单一/a/li lia href=#菜单二/a/li lia href=#菜单三/a/li lia href=#菜单四/a/li lia href=#菜单五/a/li /ul /li lia href=#菜单四/a/li /ul /li /ul /li lia href=#菜单三/a/li lia href=#菜单四/a/li lia href=#菜单五/a ul class=one lia href=#菜单一/a/li lia href=#菜