<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>SimpleTree</title> <link rel="stylesheet" type="text/css" href="js/tree_themes/SimpleTree.css"/> <script type="text/javascript" src="js/jquery-1.6.min.js"></script> <script type="text/javascript" src="js/SimpleTree.js"></script> <script type="text/javascript"> $(function(){ $(".st_tree").SimpleTree({ click:function(a){ if(!$(a).attr("hasChild")) alert($(a).attr("ref")); } }); }); </script> </head> <body> <div class="st_tree"> <ul> <li><a href="#" ref="hyjm">欢迎界面</a></li> <li><a href="#" ref="xtgl">系统管理</a></li> <ul show="true"> <li><a href="#" ref="yhgl">用户管理</a></li> <li><a href="#" ref="rzck">日志查看</a></li> </ul> <li><a href="#" ref="ckgl">仓库管理</a></li> <ul> <li><a href="#" ref="kcgl">库存管理</a></li> <li><a href="#" ref="shgl">收货管理</a></li> <li><a href="#" ref="fhgl">发货管理</a></li> <ul> <li><a href="#" ref="yhgl">用户管理</a></li> <li><a href="#" ref="rzck">日志查看</a></li> </ul> </ul> </ul> </div> </body> </html>
效果图:
相关推荐
JQ树形菜单代码
jQuery展开收缩树形菜单代码是一款带搜索功能的,可以直接查询菜单列表,树形菜单代码。
一款带有搜索功能可搜索的jQuery树形菜单代码,搜索关键词飘红显示,图标挺有趣的,当然你不喜欢的话可以换掉。
非常好用的Jquery-ztree树形菜单代码并适应移动端,可以自动配置图标
jQuery多级树形菜单打开选项卡标签代码是一款点击左侧多级树形菜单在右侧打个多个可关闭切换的选项卡标签页的网页特效。
两种实现方式,利用XML实现树形菜单中的数据。可以用在需要让CLIENT修改XML文件的情况。 直接在页面写代码实现实现树形菜单 前者是建立在后者的基础之上的
jquery实现的小巧简洁的无限级树形菜单,可用于后台或前台侧栏菜单!兼容性也比较好。
JQ ztree树形菜单筛选插件是一款基于jQuery制作的多层文件夹树形结构,点击收缩展开文件菜单名,支持关键词搜索筛选菜单功能。
这是一款基于jquery实现的树形菜单代码,点击菜单项可以向下滑出对应的二级菜单,效果流畅自然。 先来看看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-tree-style-show-menu-codes/ ...
jQuery树形结构机构树菜单代码是一款在网页设计中必不可少的tree树形结构,尤其是在后台管理模板。
非常实用好看的特效代码,可以完美运行,可以二次修改!
这里的Tree指的是树形菜单,这篇文章通过一个实例来讲解一下,在Bootstrap框架下怎么去建立一个树形菜单。 前提:先添加Bootstrap和JQ的引用 <link rel="stylesheet" type="text/css" href="bootstrap-3.3.0-...
2、每级栏目标题上都需要链接一个网页地址,这与outlook式是有区别的,也就是说,折叠的操作要单独写在小图标上,这个树形菜单相似; 3、当一个栏目展开时,其他的都要收起。这是outlook式菜单的特征; 如果正是你...
本文实例为大家分享了基于jquery实现无限级树形菜单效果,具有一定的参考价值,具体内容如下 效果图: 实现代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb...
jQuery ZTree3.5,超级强大的一款树形菜单插件,但却是使用最简单的Tree菜单,最简单的树菜单 -- 与标准 JSON 数据完美相结合,用ZTree可以创建不显示连接线的树、不显示节点图标的树、自定义图标 -- icon 属性的树、...
JQ ztree树形菜单筛选插件是一款基于jQuery制作的多层文件夹树形结构,点击收缩展开文件菜单名,支持关键词搜索筛选菜单功能。
本实例实现了树形的动态菜单,兼容IE8,火狐,Chrome等浏览器。使用了jQuery的toggle() 方法。效果和代码如下: <!DOCTYPE ...
jquery实现多级树形分类可折叠菜单特效代码演示地址:http://www.jq22.com/jquery-info432
jQuery点击展开收缩树形菜单,点击显示下拉三级菜单。