你的位置:首页 > Java教程

[Java教程]jQuery水平下拉菜单实现

<!DOCTYPE html>
<html>
   <head>
      <title>jQuery水平下拉菜单实现</title>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <script src="/images/loading4.gif" data-original="bootstrap/js/jquery-1.11.1.min.js"></script>
      <!--[if lt IE 9]>
         <script src="/images/loading4.gif" data-original="bootstrap/js/html5shiv.js"></script>
         <script src="/images/loading4.gif" data-original="bootstrap/js/respond.min.js"></script>
      <![endif]-->
      <style type="text/css">
.menus{border:1px solid red; float:left; margin-left:4px; background:red;}
.menus a{display:block; width:100px; text-align:center;}
.menu{display:none;}
a{cursor:pointer;text-decoration:none;}
a:hover{background:white; text-decoration:none;}
a:visited{text-decoration:none; color:black;}
 </style>
      <script>
      $(function(){
$(".menu-title").click(function(){
$(this).next().toggleClass();
});
        });
      </script>
   </head>
   <body> 
      <div >
      <a >菜单项</a>
      <div >
      <a href="#" >菜单列表</a>
      <a href="#" >菜单列表</a>
      <a href="#" >菜单列表</a>
      <a href="#" >菜单列表</a>
      </div>
      </div> 
      <div >
      <a >菜单项</a>
      <div >
      <a href="#" >菜单列表</a>
      <a href="#" >菜单列表</a>
      <a href="#" >菜单列表</a>
      <a href="#" >菜单列表</a>
      </div>
      </div> 
      <div >
      <a >菜单项</a>
      <div >
      <a href="#" >菜单列表</a>
      <a href="#" >菜单列表</a>
      <a href="#" >菜单列表</a>
      <a href="#" >菜单列表</a>
      </div>
      </div> 
      <div >
      <a >菜单项</a>
      <div >
      <a href="#" >菜单列表</a>
      <a href="#" >菜单列表</a>
      <a href="#" >菜单列表</a>
      <a href="#" >菜单列表</a>
      </div>
      </div>
   </body>
</html>
跟团菲律宾旅游需要多少钱几月份去菲律宾旅游最好什么时候去菲律宾旅游最便宜去菲律宾旅游跟团要多少钱去菲律宾旅游需要多少钱深圳旅游景点有哪些? 去东部华侨城的交通是怎样的? 深圳自助游地点推荐? 春到长安赏花去 陕西最美的十大赏花地推荐 火把节的来源传说及习俗风情 2015年中秋节放假安排公布 三天小长假适合去哪玩? 2015年清明节放几天假? 暑假去哪旅游好?推荐暑期亲子游 三月份云南的天气如何?带什么衣服鞋子好? 江西三清山门票价格是多少? 武汉大学的樱花什么时候最绚烂美丽? 现在去黄山应该准备些什么? 南宁大明山怎么去?南宁武鸣大明山开车需要多久? 南宁大明山风景区什么时间最好玩?武鸣大明山四季游玩特色? 探春闻香韵 江苏最全赏梅地图出炉 南宁大明山一日游行程安排?武鸣大明山游玩需要多少时间? CY2410SXC-5 Datasheet CY2410SXC-5 Datasheet CY7C1563V18-400BZC Datasheet CY7C1563V18-400BZC Datasheet CY2410SXC-5T Datasheet CY2410SXC-5T Datasheet 东莞到十堰慈孝沟采皇木摩崖旅游 东莞到十堰慈孝沟采皇木摩崖旅游 东莞到十堰慈孝沟采皇木摩崖旅游 东莞到十堰房县神农峡旅游 东莞到十堰房县神农峡旅游 东莞到十堰房县神农峡旅游 东莞到十堰房县温泉旅游 东莞到十堰房县温泉旅游 东莞到十堰房县温泉旅游