效果：
源代码：
<html> <head> <mce:script src="jquery-1.3.2.min.js" mce_src="jquery-1.3.2.min.js"></mce:script> </head> <mce:script type="text/javascript"><!-- var list1={};// var list2={}; var list3={}; function init() { $("#div_2").css("display","none"); $("#div_3").css("display","none"); $("#div_4").css("display","none"); list1=document.getElementById("div_1").getElementsByTagName("li"); list2=document.getElementById("div_2").getElementsByTagName("li"); list3=document.getElementById("div_3").getElementsByTagName("li"); } $("body").ready( function() { init(); initdiv_1(); } ); function initdiv_1() { for(var i=0;i<$("#div_1 li").size();i++) { (function(m) { list1[m].onclick = function(){ show2list(m);//显示2级菜单 } })(i); } } function initdiv_2() { for(var i=0;i<$("#div_2 li").size();i++) { (function(m) { list2[m].onclick = function(){ show3list(m);//显示3级菜单 } })(i); } } function initdiv_3() { for(var i=0;i<$("#div_3 li").size();i++) { (function(m) { list3[m].onclick = function(){ show4list(m);//显示4级菜单 } })(i); } } ////初始化div_2 2级彩单 function show2list() { var num=arguments[0]; //alert(num); //$.post("url",{},function(){}) //做ajax请求数据库数据写回div_2 if((num-0)==0) { $("#div_2").html("<ul><li>a1</li><li>a2</li></ul>"); } else if((num-0)==1) { $("#div_2").html("<ul><li>b1</li><li>b2</li></ul>"); } //............ $("#div_2").css("display","inline"); //最后初始化div_2事件,绑定事件 initdiv_2(); } //初始化div_3 //3级彩单 function show3list() { var num=arguments[0]; //alert(num); //$.post("url",{},function(){}) //做ajax请求数据库数据写回div_2 if((num-0)==0) { $("#div_3").html("<ul><li>c1</li><li>c2</li></ul>"); } else if((num-0)==1) { $("#div_3").html("<ul><li>d1</li><li>d2</li></ul>"); } //............ $("#div_3").css("display","inline"); //最后初始化div_3事件,绑定事件 initdiv_3(); } //初始化div_4 //4级彩单 function show4list() { var num=arguments[0]; //alert(num); //$.post("url",{},function(){}) //做ajax请求数据库数据写回div_2 if((num-0)==0) { $("#div_4").html("<ul><li>f1</li></ul>"); } else if((num-0)==1) { $("#div_4").html("<ul><li>g1</li></ul>"); } //............ $("#div_4").css("display","inline"); } // --></mce:script> <body> <div id="div_1"> <ul id="ul_1"> <li> aa </li> <li> bb </li> </ul> </div> <div id="div_2"> </div> <div id="div_3"></div> <div id="div_4"></div> </body> </html>
您还没有登录,请您登录后再发表评论
JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2
版本jquery1.3.2。稳定好用版本jquery1.3.2。稳定好用版本jquery1.3.2。稳定好用版本jquery1.3.2。稳定好用
《jQuery 1.3.2 中文 API：深入解析与应用》 jQuery 是一个高效、简洁的 JavaScript 库，它极大地简化了 JavaScript 的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 1.3.2 版本是其发展历史上的一个重要里程碑...
《jQuery 1.3.2 Spket自动提示包详解》 在编程领域，尤其是在Web开发中，jQuery是一个不可或缺的JavaScript库，它极大地简化了DOM操作、事件处理、动画设计等任务。而jQuery 1.3.2是jQuery的一个重要版本，尽管后续...
《jQuery 1.3.2：JavaScript 动态交互的核心技术》 在Web开发领域，jQuery库以其简洁、高效的API，极大地简化了JavaScript的使用，尤其是对于DOM操作、事件处理和动画效果。本文将深入探讨jQuery 1.3.2版本中的核心...
首先，jQuery1.3.2包含了两个主要的文件：`jquery-1.3.2.js`和`jquery-1.3.2.min.js`。`jquery-1.3.2.js`是未压缩的源代码版本，适合于开发和调试，因为它的代码结构清晰，便于阅读和理解。而`jquery-1.3.2.min.js`...
《基于jQuery1.3.2的后台管理模板详解》 在Web开发领域，jQuery作为一个强大的JavaScript库，一直以来都深受开发者们的喜爱。特别是jQuery1.3.2版本，它以其高效、简洁的API，大大简化了DOM操作、事件处理、动画...
- **网页交互**：jQuery 1.3.2常用于构建具有丰富交互性的网页，如表单验证、菜单滑动、图片轮播等。 - **数据加载**：利用Ajax功能，可以实现页面局部刷新，提高用户体验。 - **响应式设计**：结合CSS3，可以...
《jQuery 1.3.2.js及API.chm》是一个针对jQuery 1.3.2版本的资源包，其中包含了核心库文件`jquery1.3.2.js`和压缩优化版`jquery1.3.2.min.js`，以及一个中文API帮助文档`jQuery1.3函数速查手册.chm`。这个压缩包对于...
《jQuery 1.3.2：深入理解与应用》 jQuery是JavaScript库的杰出代表，以其简洁、易用的API闻名于世。本篇将详细探讨jQuery 1.3.2版本，包括其核心功能、优化特性以及在实际项目中的应用。 首先，jQuery的核心理念...
**jQuery 1.3.2 类库与中文提示详解** jQuery 是一个广泛使用的JavaScript库，它极大地简化了JavaScript编程，特别是在处理DOM操作、事件处理、动画效果和Ajax交互等方面。标题提到的“Jquery1.3.2类库”是指jQuery...
《jQuery 1.3.2 手册》是前端开发者必备的参考资料，它详细阐述了jQuery库在1.3.2版本中的各项功能和用法。jQuery是一个强大的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。通过这个手册，...
**jQuery 1.3.2 JS 和 1.3中文帮助文档详解** jQuery 是一个流行的JavaScript库，由John Resig于2006年创建，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及AJAX交互。jQuery 1.3.2是该库的一个重要...
是实现jQuery表格操作添加行、删除行和动态移动的脚本
JQuery1.3.2是JavaScript的一个库，它极大地简化了网页中的DOM操作、事件处理、动画设计和Ajax交互。这个版本在2009年发布，虽然现在已经有了更新的版本，但1.3.2仍然是许多项目中仍然广泛使用的经典版本。本压缩包...
《jQuery 1.3.2及其智能感应功能详解》 jQuery是一个广泛应用于Web开发的JavaScript库，它极大地简化了JavaScript的使用，使得DOM操作、事件处理、动画制作以及Ajax交互变得更加简单。本篇将深入探讨jQuery 1.3.2...
《jQuery 1.3.2 下载及其应用详解》 jQuery 是一款强大的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 1.3.2是该库的一个重要版本，它在1.3系列中提供了一系列改进和...
《jQuery 1.3.2 中文帮助文档(易查版)》是为开发者提供的一份详尽且易检索的jQuery库使用指南。jQuery是一个高效、简洁、强大的JavaScript库，它极大地简化了JavaScript代码，使得网页动态交互变得更加简单。这份...
相关推荐
JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2JQuery1.3.2
版本jquery1.3.2。稳定好用版本jquery1.3.2。稳定好用版本jquery1.3.2。稳定好用版本jquery1.3.2。稳定好用
《jQuery 1.3.2 中文 API：深入解析与应用》 jQuery 是一个高效、简洁的 JavaScript 库，它极大地简化了 JavaScript 的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 1.3.2 版本是其发展历史上的一个重要里程碑...
《jQuery 1.3.2 Spket自动提示包详解》 在编程领域，尤其是在Web开发中，jQuery是一个不可或缺的JavaScript库，它极大地简化了DOM操作、事件处理、动画设计等任务。而jQuery 1.3.2是jQuery的一个重要版本，尽管后续...
《jQuery 1.3.2：JavaScript 动态交互的核心技术》 在Web开发领域，jQuery库以其简洁、高效的API，极大地简化了JavaScript的使用，尤其是对于DOM操作、事件处理和动画效果。本文将深入探讨jQuery 1.3.2版本中的核心...
首先，jQuery1.3.2包含了两个主要的文件：`jquery-1.3.2.js`和`jquery-1.3.2.min.js`。`jquery-1.3.2.js`是未压缩的源代码版本，适合于开发和调试，因为它的代码结构清晰，便于阅读和理解。而`jquery-1.3.2.min.js`...
《基于jQuery1.3.2的后台管理模板详解》 在Web开发领域，jQuery作为一个强大的JavaScript库，一直以来都深受开发者们的喜爱。特别是jQuery1.3.2版本，它以其高效、简洁的API，大大简化了DOM操作、事件处理、动画...
- **网页交互**：jQuery 1.3.2常用于构建具有丰富交互性的网页，如表单验证、菜单滑动、图片轮播等。 - **数据加载**：利用Ajax功能，可以实现页面局部刷新，提高用户体验。 - **响应式设计**：结合CSS3，可以...
《jQuery 1.3.2.js及API.chm》是一个针对jQuery 1.3.2版本的资源包，其中包含了核心库文件`jquery1.3.2.js`和压缩优化版`jquery1.3.2.min.js`，以及一个中文API帮助文档`jQuery1.3函数速查手册.chm`。这个压缩包对于...
《jQuery 1.3.2：深入理解与应用》 jQuery是JavaScript库的杰出代表，以其简洁、易用的API闻名于世。本篇将详细探讨jQuery 1.3.2版本，包括其核心功能、优化特性以及在实际项目中的应用。 首先，jQuery的核心理念...
**jQuery 1.3.2 类库与中文提示详解** jQuery 是一个广泛使用的JavaScript库，它极大地简化了JavaScript编程，特别是在处理DOM操作、事件处理、动画效果和Ajax交互等方面。标题提到的“Jquery1.3.2类库”是指jQuery...
《jQuery 1.3.2 手册》是前端开发者必备的参考资料，它详细阐述了jQuery库在1.3.2版本中的各项功能和用法。jQuery是一个强大的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。通过这个手册，...
**jQuery 1.3.2 JS 和 1.3中文帮助文档详解** jQuery 是一个流行的JavaScript库，由John Resig于2006年创建，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及AJAX交互。jQuery 1.3.2是该库的一个重要...
是实现jQuery表格操作添加行、删除行和动态移动的脚本
JQuery1.3.2是JavaScript的一个库，它极大地简化了网页中的DOM操作、事件处理、动画设计和Ajax交互。这个版本在2009年发布，虽然现在已经有了更新的版本，但1.3.2仍然是许多项目中仍然广泛使用的经典版本。本压缩包...
《jQuery 1.3.2及其智能感应功能详解》 jQuery是一个广泛应用于Web开发的JavaScript库，它极大地简化了JavaScript的使用，使得DOM操作、事件处理、动画制作以及Ajax交互变得更加简单。本篇将深入探讨jQuery 1.3.2...
《jQuery 1.3.2 下载及其应用详解》 jQuery 是一款强大的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 1.3.2是该库的一个重要版本，它在1.3系列中提供了一系列改进和...
《jQuery 1.3.2 中文帮助文档(易查版)》是为开发者提供的一份详尽且易检索的jQuery库使用指南。jQuery是一个高效、简洁、强大的JavaScript库，它极大地简化了JavaScript代码，使得网页动态交互变得更加简单。这份...