树形菜单

最新推荐文章于 2023-07-12 13:13:30 发布

ylrgb

最新推荐文章于 2023-07-12 13:13:30 发布

阅读量426

点赞数

分类专栏： JQUERY

本文链接：https://blog.csdn.net/ylrgb/article/details/8798885

版权

这个博客展示了如何使用HTML、JavaScript和CSS创建一个树形菜单。通过引入jsTree库，结合JSON数据，实现了多级节点的展开与折叠，并且在节点被点击时有相应的样式变化。

摘要由CSDN通过智能技术生成

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>
<title></title>
<link href="../Styles/tree.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="../Scripts/jsTree.js" type="text/javascript"></script>
</head>
<body>
<div id="showID"></div>
<div id="div0">
<div id="div0TxT"></div>
</div>
</body>
</html>

——————————————————————————————————————————————————————————————

JS：

function findID() {
$(".no").removeClass("click");
$(".nol").removeClass("click");
$(this).addClass("click");
$("#showID").attr("value", $(this).attr("value"));
}
$(function () {
var t

最低0.47元/天解锁文章

ylrgb

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
树形菜单

HTML： ———————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————
复制链接

扫一扫