jquery分类树形菜单插件代码

￡神魔★判官ぃ 2022-01-22 15:35 404阅读 0赞

转自：  [https://blog.csdn.net/qq\_31935419/article/details/81224755][https_blog.csdn.net_qq_31935419_article_details_81224755]

html  
<!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>jquery分类树形菜单插件代码 </title>

<link rel="stylesheet" type="text/css" href="css/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" style="width:400px;margin:0 auto;">  
   <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>

[https_blog.csdn.net_qq_31935419_article_details_81224755]: https://blog.csdn.net/qq_31935419/article/details/81224755

发表评论取消回复

表情：

评论列表（有 0 条评论，404人围观）

还没有评论，来说两句吧...

相关阅读

相关 Jquery 菜单插件之 Superfish jQuery菜单

大家如果想了解"Superfish jQuery菜单"插件，可以查看我发布的一篇“[关于JQuery 菜单插件][JQuery]”,这里已经告诉我们该jQuery菜单插件的相关

不念不忘少年蓝@/ 2023年10月16日 22:12/ 0 赞/ 31 阅读

相关 jQuery菜单插件

导航是网站设计最重要的元素之一。一个优秀的导航菜单要简洁易用，方便用户。而用jQuery菜单插件制作出来的动态导航则能很好的满足这一点。jQuery是一个轻量级的JavaScr

叁歲伎倆/ 2023年10月16日 22:05/ 0 赞/ 31 阅读

相关 jQuery红色商城分类导航菜单代码

[下载地址][Link 1]没什么特别的导航菜单，在电子商务商城网站上常见的分类导航方式，使用jQuery实现的悬浮分类效果的HTML代码。 ![1631392556.png

我就是我/ 2022年09月11日 03:29/ 0 赞/ 337 阅读

相关 jQuery支持ajax树菜单插件

[下载地址][Link 1]jQuery多级树菜单插件,从著名的后台管理框架Ace里提取出来的，它有以下特点：1、可定义无限级的树形菜单；2、支持树节点的Ajax异步加载；3、

àì夳堔傛蜴生んèń/ 2022年09月10日 14:21/ 0 赞/ 336 阅读

相关 jQuery树形菜单，使用zTree插件,异步加载 & 编辑功能&Check 共存

一、下载zTree插件地址：[http://www.ztree.me][http_www.ztree.me] 二、HTML代码 <%@ Page Lan

心已赠人/ 2022年08月10日 12:42/ 0 赞/ 358 阅读

相关使用jQuery的treeview插件实现树形菜单

原来项目中是通过原生的javascript代码实现了一个树形菜单，了解到jQuery的treeview插件能够通过更少行数的代码实现更为强大的功能，于是使用该插件实现了树形菜单

我不是女神ヾ/ 2022年08月06日 04:21/ 0 赞/ 421 阅读

相关 jquery简单树形菜单代码

jquery简单树形菜单代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt

梦里梦外;/ 2022年07月15日 05:07/ 0 赞/ 277 阅读

相关树形插件

插件：[https://gitee.com/zTree/zTree\_v3][https_gitee.com_zTree_zTree_v3] 表格风格：http://blog

冷不防/ 2022年06月04日 08:42/ 0 赞/ 501 阅读

相关 Java树形菜单_轻量级js树形插件_jsTree树形插件

//插件效果 ![Center][] //代码 <!DOCTYPE html> <html> <head> <title>J

「爱情、让人受尽委屈。」/ 2022年06月04日 00:37/ 0 赞/ 439 阅读

相关 jquery分类树形菜单插件代码

转自： [https://blog.csdn.net/qq\_31935419/article/details/81224755][https_blog.csdn.net_q

￡神魔★判官ぃ/ 2022年01月22日 15:35/ 0 赞/ 405 阅读