jquery 无限极下拉菜单(精简浓缩版)
来源:互联网 发布:制作pv的软件 编辑:程序博客网 时间:2024/04/30 00:57
<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"><title>一米摄影 www.cenguocheng.cn</title><script type="text/javascript" src="js/jquery-1.9.1.js"></script><script type="text/javascript">$(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: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;} /*从第三级菜单开始,所有的子级菜单都相对偏移*/</style></head><body><ul class="menu"><li><a href="#">菜单一</a><ul class="one"><li><a href="#">菜单一</a></li><li><a href="#">菜单二</a></li><li><a href="#">菜单三</a></li><li><a href="#">菜单四</a></li><li><a href="#" class="more">菜单五</a><ul class="two"><li><a href="#">菜单一</a></li><li><a href="#">菜单二</a></li><li><a href="#">菜单三</a></li><li><a href="#">菜单四</a></li><li><a href="#" class="more">菜单五</a><ul class="three"><li><a href="#">菜单一</a></li><li><a href="#">菜单二</a></li><li><a href="#">菜单三</a></li><li><a href="#">菜单四</a></li><li><a href="#" class="more">菜单五</a><ul class="four"><li><a href="#">菜单一</a></li><li><a href="#">菜单二</a></li><li><a href="#">菜单三</a></li><li><a href="#">菜单四</a></li><li><a href="#" class="more">菜单五</a><ul class="four"><li><a href="#">菜单一</a></li><li><a href="#">菜单二</a></li><li><a href="#">菜单三</a></li><li><a href="#">菜单四</a></li><li><a href="#">菜单五</a></li></ul></li></ul></li></ul></li></ul></li></ul></li><li><a href="#">菜单二</a><ul class="one"><li><a href="#">菜单一</a></li><li><a href="#">菜单二</a></li><li><a href="#" class="more">菜单三</a><ul class="two"><li><a href="#">菜单一</a></li><li><a href="#">菜单二</a></li><li><a href="#" class="more">菜单三</a><ul class="three"><li><a href="#">菜单一</a></li><li><a href="#">菜单二</a></li><li><a href="#">菜单三</a></li><li><a href="#">菜单四</a></li><li><a href="#">菜单五</a></li></ul></li><li><a href="#">菜单四</a></li></ul></li></ul></li><li><a href="#">菜单三</a></li><li><a href="#">菜单四</a></li><li><a href="#">菜单五</a><ul class="one"><li><a href="#">菜单一</a></li><li><a href="#">菜单二</a></li><li><a href="#">菜单三</a></li></ul></li></ul></body></html>
0 0
- jquery 无限极下拉菜单(精简浓缩版)
- bootstrap 下拉菜单精简版
- 无限下拉菜单json版
- 无限下拉菜单json版
- 无限级下拉菜单---jQuery+css 实现的超酷无限级下拉菜单
- 无限级下拉菜单---jQuery+css 实现的超酷无限级下拉菜单
- 无限级联下拉菜单
- 无限级别菜单下拉
- 无限级联下拉菜单
- jq无限极下拉菜单和点击展开菜单
- jQuery 无限级菜单
- jquery 无限级联菜单
- 无限连动下拉菜单
- jquery 导航菜单 下拉菜单
- jquery下拉菜单
- jquery 下拉菜单
- jQuery三级下拉菜单
- Jquery联动下拉菜单
- android扫描wifi信号
- 整理整理最近都在做啥。。比较凌乱
- Cocos2d-x 3.X 事件分发机制
- Java Platform
- MySQL5.5绿色版安装my.ini配置文件
- jquery 无限极下拉菜单(精简浓缩版)
- poj 3067 Japan(线段树)
- 手游客户端框架的思考
- 从一个笔试题看C语言中float向double的提升问题
- C++中函数用普通变量,指针,引用做形参的区别
- JAVA程序设计(07.2)-----面对对象设计练习 猜拳
- 百度6面经历!!!实习2面,提前offer1面(挂了),校招3面
- 完全用Linux工作---王垠
- sicily 1027 MJ和map函数详解