当前位置:网站首页>【无标题】
【无标题】
2022-06-24 19:29:00 【xiexuzhao】
$(function () {
$("a").each(function () {
$(this).click(function () {
//console.log($(this).parent().parent().html());
//if ($(this).attr("hasChild"))
//{}
var ch = $(this).parent().parent().parent().next();
if ($(ch).hasClass("tree_children")) {
$(ch).toggle();
}
if ($(ch).is(":hidden")) {
$(this).parent().parent().parent().find(".status").removeClass("open").addClass("close");
}
else {
$(this).parent().parent().parent().find(".status").removeClass("close").addClass("open");
}
//prev .siblings()
});
})
});
@charset "utf-8";
/*
Author:张浩华
Date:2011.11.25 0:12
Version:SimpleTree 1.0
*/
.treerow{ width:100%;}
.treerow:hover{ width:100%;background:#f2f2f2;}
.radiocss{float:left;}
.checkboxcss{float:left;}
.st_tree{
padding:10px;
}
/* 超链接 */
.st_tree a{
color:#222;
text-decoration:none;
}
/* 鼠标经过的超链接 */
.st_tree a:hover{
color:#f33;
text-decoration:underline;
}
/* 子菜单的父节点 */
.st_tree .folder{
background:url(imgs/st_folder.gif);
background-repeat:no-repeat;
/*! padding:0 0 0 20px; */
width: 20px;
height: 20px;
float: left;
}
/* 展开的父节点 */
.st_tree .open{
background:url(imgs/st_icon_open.png);
background-repeat:no-repeat;
width: 20px;
height: 20px;
float: left;
background-position: center;
}
.st_tree .close{
background:url(imgs/st_icon.png);
background-repeat:no-repeat;
width: 20px;
height: 20px;
float: left;
background-position: center;
}
.st_tree .file{
font-size:13px;
color:#222;
line-height:18px;
cursor:pointer;
list-style:none;
background:url(imgs/st_node.gif);
background-repeat:no-repeat;
float: left;
width: 20px;
height: 20px;
}
.st_tree .hover{
background-color:#ffa;
}
<!DOCTYPE html PUBdivC "-//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>
<title></title>
<script src="SimpleTree/jquery.js" type="text/javascript"></script>
<link href="SimpleTree/NBSimpleTree.css" rel="stylesheet" type="text/css" />
<script src="SimpleTree/NBSimpleTree.js" type="text/javascript"></script>
</head>
<body>
<div class="st_tree">
<div class="treerow"><div style="padding-left:0px;"><div class="textcss"></div><a href="#" ref="hyjm" haschild="false">欢迎界面</a></div></div>
<div class="treerow"><div style="padding-left:0px;"><div class="status open"></div><div class="folder"></div><div class="textcss"><a href="#" ref="xtgl" haschild="true">系统管理</a></div></div></div>
<div class="tree_children">
<div class="treerow"><div style="padding-left:18px;"><div class="file"></div><div class="textcss"><a href="#" ref="yhgl" haschild="false">用户管理</a></div></div></div>
<div class="treerow"><div style="padding-left:18px;"><div class="file"></div><div class="textcss"><a href="#" ref="rzck" haschild="false">日志查看</a></div></div></div>
</div>
<div class="treerow"><div style="padding-left:0px;"><div class="status open"></div><div class="folder"></div><div class="textcss"><a href="#" ref="ckgl" haschild="true">仓库管理</a></div></div></div>
<div class="tree_children">
<div class="treerow"><div style="padding-left:18px;"><div class="file"></div><div class="textcss"><a href="#" ref="kcgl" haschild="false">库存管理</a></div></div></div>
<div class="treerow"><div style="padding-left:18px;"><div class="file"></div><div class="textcss"><a href="#" ref="shgl" haschild="false">收货管理</a></div></div></div>
<div class="treerow"><div style="padding-left:18px;"><div class="status open"></div><div class="folder"></div><div class="textcss"><a href="#" ref="fhgl" haschild="true">发货管理</a></div></div></div>
<div class="tree_children">
<div class="treerow"><div style="padding-left:36px;" show="false"><div class="file"></div><div class="textcss"><a href="#" ref="yhgl" haschild="false">用户管理</a></div></div></div>
<div class="treerow"><div style="padding-left:36px;" show="false"><div class="file"></div><div class="textcss"><a href="#" ref="rzck" haschild="false">日志查看</a></div></div></div>
</div>
</div>
</div>
</body>
</html>
边栏推荐
- Vscode netless environment rapid migration development environment (VIP collection version)
- (to be added) games101 job 7 improvement - knowledge you need to know to realize micro surface model
- EasyBypass
- Mysql优化查询速度
- 数据链路层 && 一些其他的协议or技术
- 多路转接select
- Blender's simple skills - array, rotation, array and curve
- 网络层 && IP
- 面试官:你说你精通Redis,你看过持久化的配置吗?
- 力扣每日一题-第26天-496.下一个更大元素Ⅰ
猜你喜欢

AntDB数据库在线培训开课啦!更灵活、更专业、更丰富

面试官:你说你精通Redis,你看过持久化的配置吗?

直击“三夏”生产:丰收喜报频传 夏播紧锣密鼓

多线程收尾

BPF_ PROG_ TYPE_ SOCKET_ Filter function implementation

【Camera基础(一)】Camera摄像头工作原理及整机架构

Web project deployment

Advanced secret of xtransfer technology newcomers: the treasure you can't miss mentor

Byte software testing basin friends, you can change jobs. Is this still the byte you are thinking about?

关于Unity中的transform.InverseTransformPoint, transform.InverseTransofrmDirection
随机推荐
BBR bandwidth per second conversion logic
socket(2)
建木持续集成平台v2.5.0发布
Fuzhou business office of Fujian development and Reform Commission visited the health department of Yurun university to guide and inspect the work
02---纵波不可能产生的现象
队列实现原理和应用
使用 Go 编程语言 66 个陷阱:Golang 开发者的陷阱和常见错误指北
心楼:华为运动健康的七年筑造之旅
Pattern recognition - 9 Decision tree
[featured] how do you design unified login with multiple accounts?
如何化解35岁危机?华为云数据库首席架构师20年技术经验分享
Analysis of BBR congestion control state machine
手动事务的几个类
STL+树
Interpretation of ebpf sockops code
Structured interview of state-owned enterprises and central enterprises employment of state-owned enterprises Modou Interactive Employment Service steward
Blender's landscape
Antdb database online training has started! More flexible, professional and rich
EditText controls the soft keyboard to search
TCP_ Nodelay and TCP_ CORK