JS]无极菜单

最新推荐文章于 2022-08-12 17:17:13 发布
最新推荐文章于 2022-08-12 17:17:13 发布
阅读量1.3k 收藏
点赞数
文章标签： menu class layer xml shell
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dengwujie/article/details/1877057
版权
 2）将菜单数据放在页面中任意位置的<script>标签中，建议将其放在<head>标签内。  
3) 放置显示菜单内容的容器，如:<span id="menu_default_layer2" class="on_bottom,horizontal" style="display:none" οnmοuseοut='_dc2_MenuOnMouseOut(this,event,"menu_default",2)' >menu 2 place</span>，其中所有属性都是必需的， 属性 说明
id 规则为"菜单数据对象名"（js类型数据中为数组的名字）
+ "_layer"
+ "菜单层级"  
class 前一个表示菜单出现的方式  后一个表示菜单是横向展开还是竖向展开  
on_load 页面装载时显示
on_bottom 显示在下面
on_top 显示在上面
on_left 显示在左边
on_right 显示在右边
horizontal 横向
vertical 竖向



4）通过<script>标签的src属性引入菜单显示程序，在page onload中执行入口函数：_dc2_MenuDisplayInit(rMenuDataName)，该方法对应js类型的数据（若是用xml结构的数据请自行增加读取xml的shell)，唯一参数为菜单数据对象的名称。  



dengwujie
关注
JS实现的树结构 无极树 菜单样式
10-29
一个用JS实现的树结构的实例 无级树 有样式
javascript实现无极分类+树型菜单目录.rar
06-10
javascript实现无极分类，菜单内容是读取JSON格式的数据，并非写死，灵活性很强大！
javascript 无限分类
fareast_mzh的博客
08-04 267
* 根据php无限分类实现js版本的   /** * 根节点 parentid=0, 每个节点都有id, parentid字段 * @param items * @returns {*} */ function getTree(items) { "use strict"; var children = new Map(); items.forEach(f...
无极菜单 php,ThinkPHP菜单无极分类实例讲解
weixin_29447549的博客
03-22 196
效果图如下controller控制器代码：/*** 菜单列表*/public function index(){$menuList= Db::name("menu")->order("sort,id")->select();//递归排序$menuList= $this->sort($menuList);$this->assign("menuList",$menuList);...
javascript实现无极分类+树型菜单目录
美奇软件开发工作室
06-10 1300
先上效果图： 为了方便大家参考，这里也提供一下demo源代码，不考虑美观炫酷高大上的视觉效果的话，还是相当实用的。 demo下载地址：https://download.csdn.net/download/qq15577969/11234622 菜单是读取JSON格式的数据，并非写死，灵活性很强大，对应的json数据如下： { "code": 0, "data":...
layui无限级导航菜单.zip
04-12
layui的核心库`layui.js`包含了丰富的组件和API，其中的`layui.nav`就是用于处理导航菜单的模块。通过监听用户的点击事件，动态加载子菜单或执行相应的页面跳转。同时，可能还会涉及到`layui.cache`来存储菜单数据...
无极flash+xml菜单
08-29
《无极Flash+xml菜单：构建无限级数动态菜单的深入解析》 在Web设计领域，交互性和用户体验一直是设计师关注的重点。而Flash作为一种强大的多媒体技术，常被用来制作富有动态效果的网页元素，其中就包括菜单系统。...
asp无极树形菜单11
11-23
3. **JavaScript/jQuery**：为了实现动态交互，如点击节点时展开或折叠子菜单，通常会结合JavaScript或者jQuery库。这些脚本可以监听事件、改变DOM元素状态，并与服务器进行异步通信（AJAX）。 4. **服务器端代码**...
JS无限极树形菜单,json格式、数组格式通用示例
10-27
本文为大家介绍下JS无级树形菜单的实现，修改了一下数据格式，是json和数组或者混合型的数据都通用，不用特定key等，想学习的朋友可以参考下
js 无限级分类
weixin_33964094的博客
11-30 451
const arr = [ { id: 1, parentId: 0, name: '四川' }, { id: 2, parentId: 0, name: '贵州' }, { id: 3, parentId: 0, name: '云南' }, { id: 4, parentId: 0, name: '江苏' }, { id: 5, parentId: 1, n...
菜单（无级分类！！！）
12-23
很实用的树形菜单，能够随便添加删除目录，试试把。。。。
js无限级分类递归
05-16
在原有的基础上进行二次修改，通过ajax请求，获取json数组，迭代json数组生成多层级的数据字典。当前例子中数据源为模拟的json数据。当然该方法是支持无限级父子关系。修改之前的源码均来自网上，本人只是对当前做了整合和修改。当前你所有的记录中需要包含id和parentId，也就是有父子关系即可。你的数据源必须是一维的json数组。zNodes=[ {id:1,pId:0,name:"AAA"}, {id:11,pId:1,name:"AAA1"}, {id:12,pId:1,name:"AAA2"}, {id:13,pId:1,name:"AAA3"}, {id:2,pId:0,name:"BBB"}, {id:21,pId:2,name:"BBB1"}, {id:22,pId:2,name:"BBB2"}, {id:23,pId:2,name:"BBB3"}, {id:3,pId:0,name:"CCC"}, {id:31,pId:3,name:"CCC1"}, {id:32,pId:3,name:"CCC2"}, {id:33,pId:3,name:"CCC3"}, {id:34,pId:31,name:"CCCCx"}, {id:35,pId:31,name:"CCCCy"}, {id:36,pId:31,name:"CCCCz"} ];
无级分类(无递归)+无级JS联动+树状显示+导航输出+批量移动
05-19
可无级分类(无递归)+无级JS联动+树状显示+导航输出+批量移动JS代码
动态创建无级子菜单：乾坤大挪移无极紫菜汤
浤济的专栏
06-29 4151
首先是创建控件的声明与参数编写规则: /*快捷菜单*/ ContextMenuStrip 测试快捷 = new ContextMenuStrip(); /*主菜单 = 名称|图标索引*/ /*子菜单子参数:乾坤大挪移 = 上级菜单索引|移动菜单索引：移一个菜单主菜单下位索引-1*/ ...
JS实现无限分类
WLHTML的博客
03-14 1760
<!DOCTYPE html> <html> <head> <title></title> //引入Jquery <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> <style type="text/css"> .one{
js实现无限级分类
weixin_42371812的博客
08-12 993
在平时的开发中，常常会遇上做类似无限级分类的功能，比如说中国城市的三级分类，或者是电商系统中的商品分类等等。在这儿，我也给大家分享几个无限级分类的代码。当然，也还有一种写法，它封装后是树状的，也就是每一个父级下都会有一个child，对应它的子级。调用出来的结果就是这样子的。...
递归实现无极菜单构建树形结构
Mr-Bean的博客
08-11 372
实现效果： 确定菜单的层次数量的情况下，可以在实体类中做数据结构。 现在不确定菜单的层级数量，使用递归能很好的解决。 数据库： 实体对象 public class Permission implements Serializable { private static final long serialVersionUID = 1L; @ApiModelProperty(value = "编号") @TableId(value = "id", type = IdTy
如何在bootstrap中实现无级菜单
'尛東峝學.
04-01 2845
在bootstrap的默认实现中，菜单只有2级，为了能够实现无级或多级的菜单，可以使用 http://www.bootstrapmenumod.net/modules/mod_bootstrap_menu/css/bootstrapmenu.css 这个css来自： http://www.bootstrapmenumod.net/examples/pills/pills-wi
无极绳绞车运行阻力等效计算研究
"基于无极绳牵引方式搬运特大型液压支架运行阻力研究" 本文主要探讨了在煤矿开采过程中，采用无极绳绞车进行特大型液压支架搬运时所遇到的运行阻力计算问题。无极绳绞车是煤炭行业中常用的一种机械设备，用于运输...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值