JQuery实现导航菜单

hoocy · 发表于 2013-2-7 21:19:49

JQueryMenu.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>菜单</title> <script type="text/javascript" src="jslib/jquery.js"></script> <script type="text/javascript" src="jslib/jquerymenu.js"></script> <link type="text/css" rel="stylesheet" href="css/menu.css"></head><body> <div> <ul><a href="#">菜单一</a> <li><a href="#" id="index.jsp">北京</a></li> <li><a href="#"id="index.html">上海</a></li> <li><a href="#">深圳</a></li> </ul> <ul><a href="#">菜单二</a> <li><a href="#">西安</a></li> <li><a href="#">咸阳</a></li> <li><a href="#">武汉</a></li> </ul> </div> <div id="context"> </div></body></html> menu.css

li{ margin-left:18px; list-style:none; display:none;}
Juerymenu.js

$(document).ready(function(){ var uls = $("ul>a"); uls.click(function(){ var lis = $(this).nextAll("li"); lis.toggle("show"); }); $("li>a").click(function(){ $("#context").load($(this).attr("id")); }); });
完毕

		自动登录	找回密码
密码			立即注册