当前位置:网站首页>【无标题】
【无标题】
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>
边栏推荐
- 2022 international women engineers' Day: Dyson design award shows women's design strength
- 并查集+建图
- Structured interview of state-owned enterprises and central enterprises employment of state-owned enterprises Modou Interactive Employment Service steward
- Vscode netless environment rapid migration development environment (VIP collection version)
- 2022国际女性工程师日:戴森设计大奖彰显女性设计实力
- 装修首页自定义全屏视频播放效果gif动态图片制作视频教程播放代码操作设置全屏居中阿里巴巴国际站
- 01---两列波在相遇处发生干涉的条件
- Functional analysis of ebpf sockops
- leetcode_1470_2021.10.12
- 煮茶论英雄!福建省发改委、市营商办领导一行莅临育润大健康事业部交流指导
猜你喜欢

应用实践 | 海量数据,秒级分析!Flink+Doris 构建实时数仓方案

ping: www.baidu. Com: unknown name or service

Make tea and talk about heroes! Leaders of Fujian Provincial Development and Reform Commission and Fujian municipal business office visited Yurun Health Division for exchange and guidance

如何做到全彩户外LED显示屏节能环保

EasyBypass

福建省发改委福州市营商办莅临育润大健康事业部指导视察工作

Datakit 代理实现局域网数据统一汇聚

Vscode netless environment rapid migration development environment (VIP collection version)

Sslhandshakeexception: no subject alternative names present - sslhandshakeexception: no subject alternative names present

openGauss内核:简单查询的执行
随机推荐
BPF_ PROG_ TYPE_ SOCKET_ Filter function implementation
About transform InverseTransformPoint, transform. InverseTransofrmDirection
Multiplexer select
如何化解35岁危机?华为云数据库首席架构师20年技术经验分享
基于 KubeSphere 的分级管理实践
Multi task model of recommended model: esmm, MMOE
优雅的自定义 ThreadPoolExecutor 线程池
在每个树行中找最大值[分层遍历之一的扩展]
Pattern recognition - 9 Decision tree
传输层 udp && tcp
虚拟机CentOS7中无图形界面安装Oracle(保姆级安装)
Prompt that the device has no permission when using ADB to connect to the device
Functional analysis of ebpf tracepoint
Functional analysis of ebpf sockops
leetcode1863_2021-10-14
力扣每日一题-第26天-496.下一个更大元素Ⅰ
力扣每日一题-第25天-496.下一个更大元素Ⅰ
机器学习:梯度下降法
XTransfer技术新人进阶秘诀:不可错过的宝藏Mentor
关于Unity中的transform.InverseTransformPoint, transform.InverseTransofrmDirection