<script type="text/javascript">
function menutree(parent,list)
{
$.each(list,function(i,n){
var li=$("<li></li>").appendTo(parent);
if(n.leaf==false)
{
li.html('<a href='+n.url+'>'+n.display+'</a>');
var ul=$('<ul></ul>').appendTo(li);
menutree(ul,n.children);
}
else
{
li.html('<a href='+n.url+'>'+n.display+'</a>');
}
});
}
$(function(){
$.ajax({
url:'test',
type:'get',
dataType:'json',
success:function(data){
data=data[0].children;
var ul=$(".jd_menu");
menutree(ul,data);
ul.jdMenu();
}
}
);
});
</script>
data为菜单的JSON数据
分享到:
相关推荐
本教程将详细介绍如何利用jQuery库结合jdMenu插件来创建浮动式、下拉式菜单,实现鼠标悬停时子菜单的动态展开效果。 首先,我们需要了解jQuery,这是一个轻量级、高性能的JavaScript库,简化了DOM操作、事件处理、...
【标题】"jdMenu-1.3.beta2.zip" 是一个特定版本的jdMenu插件,这个版本是1.3的第二个β测试版。jdMenu是一个基于jQuery的下拉菜单解决方案,它旨在提供灵活和高效的导航菜单功能。"ajax_jquery"标签表明此插件利用...
【jdMenu 脚本实例】是一个基于JQuery的下拉导航菜单实现,它为网站提供了一种高效、用户友好的交互方式。JQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互,使得创建动态网页变得更加便捷。...
**jdMenu jQuery 插件详解** `jdMenu` 是一款基于 jQuery 的强大菜单插件,它为网页开发者提供了创建高效、灵活且响应式的下拉菜单的解决方案。这款插件以其简洁的API和丰富的定制选项而受到广泛欢迎。在本文中,...
jQuery jdMenu下拉式导航菜单实例,也可以向右展开菜单,做成了插件形式,非常方便大家调用了,样式可自己动手调整,效果请参见截图所示。水平和垂直方向都可以展开子菜单的一个jquery插件,兼容各大浏览器。
jdMenu是一款基于jQuery的水平下拉菜单插件,版本为v1.3,专注于提供简单且高效的下拉菜单解决方案。这款插件适用于Web开发者,尤其是那些希望在网站中添加交互式菜单功能的前端工程师。jdMenu的设计理念是帮助...
15. **jdMenu Hierarchical Menu Plugin**:jdMenu提供了一种层次化的菜单解决方案,特别适合有深度导航结构的网站。 16. **Dim Gray Drop Down Menu**:这款菜单以深灰色调为主,简洁而专业,适合商务或专业类网站...
`JDMenu.js`则是关于菜单功能的实现。菜单在用户界面中常用于组织和访问命令或操作。它可能提供了创建多级菜单、响应鼠标和键盘事件、动态加载和更新菜单项等功能。开发者可以利用这个模块轻松创建符合项目需求的...