随便做了一个例子如下图 [html] 1,用之前需要组织一个这种结构的XML 2,业务类别和功能在数据库中配置一下就好了 比如:"学生管理"配置的在数据库中的状态时001 那么 他的孩子节点 "添加学生信息" 对应数据库配置应该是001的孩子节点, 这个随你怎么配 ,只要能表示是001的孩子节点就可以了、 可以配置为001001,001002,001003后面的三位数代表孩子节点的顺序,前面三位代表。 3,"/student/student.jsp" 功能所对应的J...
/* Susy Menu Class, version 2.0.0 * 2007 shaoyu su * * Susy-Menu Class is freely distributable . * * *--------------------------------------------------------------------------*/ var CONTEXT_PATH=''; var NS = (navigator.appName=="Netscape")?true:false; var EXCEPTION_INFO = {EvalError:'eval()use error', RangeError:'num overflow', ReferenceError:'illegal or no can identify num', SyntaxE...
Checkbox body{font-size:12px;} .panel {BORDER-RIGHT: #d4d0c8 3px double; OVERFLOW-Y: scroll; PADDING-LEFT: 5px; BORDER-TOP: #d4d0c8 2px ridge; BORDER-LEFT: #808080 2px ridge; BORDER-BOTTOM: #d4d0c8 3px double; HEIGHT: 250px} .parent {PADDING-LEFT: 15px} .child {PADDING-LEFT: 30px} // CheckBoxList 选框 function chkbox(obj) { var chk = obj.all.tags("input"); var count = chk.length; if (event.s...
本文实例讲解了jQuery使用zTree插件实现树形菜单和异步加载,并且可以进行编辑,分享给大家供大家参考,具体内容如下 效果图:一、HTML代码var setting = {async: {enable: true,url: "AjaxPage/GetAjax.aspxz=sdfww234edfsd",autoParam: ["id"],dataFilter: filter,contentType: "application/json",type:"get"},view: {expandSpeed: "",addHoverDom: addHoverDom,removeHoverDom: removeHoverDom,selectedMulti: false},check: {...
由于项目中需要设计树形菜单功能,于是百度找相关资料,发现zTree方面的资料不少,觉得挺不错,而且zTree官方也有API文档,介绍的非常详细,经过一番捣腾之后,终于给弄出来了,所以便记下来,也算是学习zTree的一个总结吧。 zTree的介绍: 1、zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件 2、zTree v3.0 将核心代码按照功能进行了分割,不需要的代码可以不用加载 3、采用了 延迟加载 技术,上万节点...
本文实例为大家分享了基于jquery实现无限级树形菜单效果,具有一定的参考价值,具体内容如下 效果图:实现代码:无限级树形菜单ul.a{width:100%;cursor:pointer;padding:0 0px;color:white;} ul.a li{list-style-type:none;cursor:pointer;background:#fff;padding:5px 10px;color:black;width:90%;display:none} .treelist{width:222px;} ul.a div{height:34px;width:100%;background:url(jia.jpg) no-repeat;padding-left:27px;p...
准备工作: 请从脚本之家http://www.gxlcms.com/jiaoben/31974.html下载dtree.zip文件 dtree.zip压缩包介绍: dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源。 目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件, 不需要复杂的操作即可生产,同时支持动态从数据库引入数据 解压后有以下几部分: img文件夹: 包含树形菜单显示需要的图标 api.html : 作者写的dtree帮助文档 dtree.cs...
我练习一下,以免不时之需。 树形菜单不过就是把普通菜单重新排列一下,看起来像树形而已。上图京东的菜单,给他多几个嵌套,然后添加收缩伸展事件,差不多就行了。 给个例子: 代码如下: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> body{ font-size: 12px;} h2,h3{ margin: 0;} ul{ margin: 0; padding: 0; list-style: none; } #outer_wrap li{ padding-left: 30px; line-height: 24px;} .controlSymbol{ ...
修改了一下数据格式,是json和数组或者混合型的数据都通用,不用特定key等 代码如下: JS无级树树形菜单,json格式,数组格式通用 .menuTree { margin-left: -30px; } .menuTree div { padding-left: 30px; } .menuTree div ul { overflow: hidden; display: none; height: auto; } .menuTree span { display: block; height: 25px; line-height: 25px; padding-left: 5px; margin: 1px 0; cursor: pointer; border-bottom: 1...
代码如下: <metahttp-equiv="content-type"content="text/html;charset=utf-8"> 可折叠的两级菜单 <styletype="text/css"> body{ background-color:#ffdee0; } #navigation { width:200px; font-family:Arial; } #navigation > ul { list-style-type:none; margin:0px; padding:0px; } #navigation > ul >li { border-bottom:1pxsolid #ED9F9F; } #navigation > ul >li > a{ display:block; padding:5px5px 5px 0.5em; text-dec...
通过设置cookie来保存树形菜单的状态,在页面加载时重新读取cookie来设置菜单。 菜单的HTML结构:一级菜单一二级菜单一 二级菜单二 二级菜单三 二级菜单四 二级菜单五一级菜单二二级菜单一三级菜单一 三级菜单二三级菜单三四级菜单一 四级菜单二 四级菜单三二级菜单二 二级菜单三 二级菜单四 二级菜单五一级菜单三二级菜单一 二级菜单二 二级菜单三 二级菜单四 二级菜单五读取cookie工具类://cookie工具类 var cookieTool = { //读...
本文实例讲述了javascript实现树形菜单的方法。分享给大家供大家参考。具体如下:var ME={ini:{i:true,d:{},d1:{},h:0,h1:0,h2:0},html:function(da,f){var s='';for(var i=0,l=da.length;i'+da[i].ming+'';this.ini.i=false;s+=this.html(da[i].pid,(i+1==l));}else{s+=''+da[i].ming+'';}s+='';}s+='';return s;},st:function(id,da){document.getElementById(id).innerHTML=this.html(da);},yc:function(a){var s=a.className.s...
本文实例讲述了javascript实现在下拉列表中显示多级树形菜单的方法。分享给大家供大家参考。具体如下: 这里演示在下拉列表框中显示分级的菜单,在很多网站都可以看到的效果,很实用,下拉列表框中的选项是利用JS控制输出,如果你有更好的办法不用JS来显示,那最好了,因为像这种菜单用JS来实现,多多少少有点麻烦。 运行效果截图如下:具体代码如下:在下拉列表中显示的多级树形菜单var data =new Array(); data[0]= {id:'0',pid...
本文实例讲述了基于jquery实现的树形菜单效果代码。分享给大家供大家参考。具体如下: 这是一款基于jquery实现的树形菜单代码,点击菜单项可以向下滑出对应的二级菜单,效果流畅自然。 先来看看运行效果截图:在线演示地址如下: http://demo.jb51.net/js/2015/jquery-tree-style-show-menu-codes/ 具体代码如下:jquery的树形菜单代码 body { font-family:"宋体"; font-size: 12px; line-height: 1.5em; color:#7FB0C8; padding:0...
本文实例讲述了JS+CSS简单树形菜单实现方法。分享给大家供大家参考。具体如下: 这是一款不错的CSS树形菜单,树状列表,当然不全是CSS实现,部分功能还使用了JavaScript代码进行配合,删减了修饰用的菜单图片,大家用的时候自己图片加进去,IMG标签大部分都预留了出来,稍懂Html语法的朋友很容易就看懂的。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/js-css-simple-tree-menu-style-codes/ 具体代码如下...