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

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

ul{ list-style:none; margin:0; padding:0;}
.menu { height:30px; line-height:30px; }

.menu li { float:left; position:relative;} 
.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; }
.menu li ul a:hover { background:gray;}

.menu li ul ul{ top:0;left:150px;} 






菜单一

菜单一
菜单二
菜单三
菜单四
菜单五

菜单一
菜单二
菜单三
菜单四
菜单五

菜单一
菜单二
菜单三
菜单四
菜单五

菜单一
菜单二
菜单三
菜单四
菜单五

菜单一
菜单二
菜单三
菜单四
菜单五










菜单二

菜单一
菜单二
菜单三

菜单一
菜单二
菜单三

菜单一
菜单二
菜单三
菜单四
菜单五


菜单四




菜单三
菜单四
菜单五

菜单一
菜单二
菜单三

以上这篇jquery 无限极下拉菜单的简单实例(精简浓缩版)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。