1.
//需要点击主菜单的按钮时,对应的子菜单可以显示,再次点击子菜单则隐藏
//需要编写代码,在页面装载时,给所有的主菜单添加onclick的事件
//保证主菜单点击时可以显示或隐藏子菜单
//注册页面装载时执行的方法
$(document).ready(function() {
//这里需要首先找到所有的主菜单
//然后给所有的主菜单注册点击事件
//找到ul中的节点
var as = $("ul > a");
as.click(function() {
//这里需要找到当前ul中的li,然后让li显示出来
//获取当前被点击的a节点
var aNode = $(this);
//找到当前a节点的所有li兄弟字节点
var lis = aNode.nextAll("li");
//让子节点显示或隐藏
lis.toggle("show");
});
});
2。
<!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>
<link type="text/css" rel="stylesheet" href="css/menu.css">
</head>
<body>
<ul>
我是菜单1
<li>我是子菜单1</li>
<li>我是子菜单2</li>
<li>我是子菜单3</li>
</ul>
<ul>
我是菜单2
<li>我是子菜单1</li>
<li>我是子菜单2</li>
<li>我是子菜单3</li>
</ul>
</body>
</html>
3.
/*让菜单栏的小黑点去掉*/
li{
list-style:none;
font-size : x-small;
margin-left :20px;
display : none;
}
钦波个人总结更多了解
QQ:444084929 个人主页:http://www.yezhong.net
分享到:
相关推荐
jquery ajax实例点击按钮触发Ajax loading jquery ajax实例点击按钮触发Ajax loading jquery ajax实例点击按钮触发Ajax loading
jquery css菜单隐藏、显示 局部刷新小例子
Ajax jquery的使用 Ajax jquery的使用 Ajax jquery的使用 Ajax jquery的使用 Ajax jquery的使用
ajax struts jquery json 实现从数据库回调下拉菜单
jqueryajax jquery ajax
jquery 的ajax用法,简单的入门ajax用法,供大家参考
jQuery无限级ajax加载菜单代码是一款通过ajax调用方法异步获取json数据内容,可自定义编辑添加多级树形菜单内容代码。
基于ajax、jquery 通用无限级联菜单; 引用场景: 国家省市级联菜单、任何二级级联菜单、三级菜单、四级菜单、五.... 使用范例:详细参阅District.Selector.js文件 以国家地理信息为例: $(function () { var ...
ajax按钮
Jquery各种连接操作 Ajax JqueryJquery各种连接操作 Ajax Jquery
工作之余写的一些Ajax应用,有6个Demo,数据库为mysql,使用之前看readme.txt。javascript与jquery混用。无刷新购物车、输入提示、表格局部刷新、xml实时数据更新、划词解释。
PHP+jQuery+Ajax仿淘宝多上传按钮单文件上传
AJAX与jquery试题,检查对ajax和jquery基本知识的掌握
jquery ajax框架jquery ajax框架jquery ajax框架jquery ajax框架jquery ajax框架
Ajax jQuery thinkPHP 登录注册验证
我自己有点用,网上也有 ssh2 ajax jquery 知识 ssh2 ajax jquery 知识 ssh2 ajax jquery 知识 ssh2 ajax jquery 知识
jquery做的星级评分可以利用AJAX来操作, jquery AJAX 星级 评分
ajax WCF jquery ajax WCF jquery ajax WCF jquery ajax WCF jquery
花生米AJAX-UI系列之:基于JQUERY的浮动层(右键)列表菜单0.2改进版 改版本是“使用JQUERY ...改变了点击菜单项目时,触发方法的传参定义,现在只传两个参数:(点击菜单项目单元的ID,触发浮动菜单显示的DOM容器的ID)
jquery ajax源代码