diff --git a/text.html b/text.html
new file mode 100644
index 0000000000000000000000000000000000000000..d2a9df1f3c87a98c6b06f6656cf637ff7290cae4
--- /dev/null
+++ b/text.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+
+  <script>
+    const cityData = [
+      {
+        parentValue: 1,
+        value: 11,
+        label: '北京市',
+      },
+      {
+        parentValue: 11,
+        value: 111,
+        label: '东城区'
+      },
+      {
+        parentValue: 11,
+        value: 112,
+        label: '西城区'
+      },
+      {
+        parentValue: 1,
+        value: 12,
+        label: '上海市',
+      },
+      {
+        parentValue: 12,
+        value: 121,
+        label: '黄浦区'
+      },
+      {
+        parentValue: 12,
+        value: 122,
+        label: '徐汇区'
+      },
+      {
+        parentValue: 1,
+        value: 13,
+        label: '广东省',
+      },
+      {
+        parentValue: 13,
+        value: 131,
+        label: '广州市',
+      },
+      {
+        parentValue: 131,
+        value: 1311,
+        label: '天河区'
+      },
+      {
+        parentValue: 131,
+        value: 1312,
+        label: '越秀区'
+      },
+      {
+        parentValue: 132,
+        value: 1321,
+        label: '南山区'
+      },
+      {
+        parentValue: 132,
+        value: 1322,
+        label: '罗湖区'
+      },
+      {
+        value: 1,
+        label: '中国',
+      },
+      {
+        parentValue: 13,
+        value: 132,
+        label: '深圳市',
+      }
+    ]
+
+    // 具体实现
+    const getArea = (data) => {
+      // 找到根节点（中国）
+      const rootNode = data.find(item => item.value === 1);
+
+      // 递归构建树形结构
+      const buildTree = (node) => {
+        // 转换字段：value -> id, label -> title
+        const treeNode = {
+          id: node.value,
+          title: node.label
+        };
+
+        // 查找当前节点的所有子节点
+        const children = data.filter(item => item.parentValue === node.value);
+
+        // 递归处理子节点
+        if (children.length > 0) {
+          treeNode.child = children.map(child => buildTree(child));
+        }
+
+        return treeNode;
+      };
+
+      // 清空结果数组并添加根节点
+      result.length = 0;
+      result.push(buildTree(rootNode));
+    };
+
+    // 执行转换
+    const result = [];
+    getArea(cityData);
+    console.log(result);
+
+  </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/zhangjunsheng.html b/zhangjunsheng.html
new file mode 100644
index 0000000000000000000000000000000000000000..89e4fc9def99a1e47d97efa5b4f4e0ff677d538d
--- /dev/null
+++ b/zhangjunsheng.html
@@ -0,0 +1,259 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>轮播图</title>
+  <style>
+    * {
+      box-sizing: border-box;
+    }
+
+    .slider-container {
+      position: relative;
+      width: 100%;
+      height: 400px;
+      margin: 0 auto;
+      overflow: hidden;
+      border-radius: 8px;
+      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
+      background: #fff;
+    }
+
+    .slider {
+      display: flex;
+      height: 100%;
+      transition: transform 0.4s ease-in-out;
+    }
+
+    .slide {
+      min-width: 100%;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      padding: 40px;
+      text-align: center;
+    }
+
+
+
+
+    .slide-1 {
+      background-color: red;
+    }
+
+    .slide-2 {
+      background-color: green;
+    }
+
+    .slide-3 {
+      background-color: blue;
+    }
+
+  
+
+    .controls {
+      position: absolute;
+      top: 50%;
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      transform: translateY(-50%);
+      z-index: 10;
+
+    }
+
+
+
+    .dots {
+      position: absolute;
+      bottom: 20px;
+      left: 0;
+      right: 0;
+      display: flex;
+      justify-content: center;
+      z-index: 10;
+
+    }
+
+    .dot {
+      width: 12px;
+      height: 12px;
+      border-radius: 50%;
+      background: white;
+      margin: 0 5px;
+    }
+
+    .dot.active {
+      background: #3498db;
+
+    }
+  </style>
+</head>
+
+<body>
+
+
+    <div class="slider-container">
+
+
+      <div class="slider" id="slider">
+        <div class="slide slide-1">
+          1
+        </div>
+        <div class="slide slide-2">
+          2
+        </div>
+        <div class="slide slide-3">
+          3
+        </div>
+      </div>
+
+      <div class="controls">
+        <button id="prevBtn">&lt;</button>
+        <button  id="nextBtn">&gt;</button>
+      </div>
+      <div class="dots" id="dotsContainer"></div>
+    </div>
+
+
+    <p>
+      <button id="toggleAutoplay"><span>暂停</span></button>
+    </p>
+
+
+  <script>
+    document.addEventListener('DOMContentLoaded', function () {
+      // 获取DOM元素
+      const slider = document.getElementById('slider');
+      const prevBtn = document.getElementById('prevBtn');
+      const nextBtn = document.getElementById('nextBtn');
+      const dotsContainer = document.getElementById('dotsContainer');
+      const toggleAutoplay = document.getElementById('toggleAutoplay');
+      const autoplayIcon = toggleAutoplay.querySelector('i');
+      const autoplayText = toggleAutoplay.querySelector('span');
+
+      // 轮播图配置
+      const config = {
+        slideCount: 3, // 幻灯片数量
+        currentIndex: 0,
+        isAutoPlay: true,
+        interval: 4000, // 自动播放间隔(毫秒)
+        transitionDuration: 400 // 切换过渡时间(毫秒)
+      };
+
+      // 创建小圆点
+      function createDots() {
+        dotsContainer.innerHTML = '';
+        for (let i = 0; i < config.slideCount; i++) {
+          const dot = document.createElement('div');
+          dot.classList.add('dot');
+          if (i === config.currentIndex) {
+            dot.classList.add('active');
+          }
+
+          dot.addEventListener('click', () => {
+            goToSlide(i);
+          });
+
+          dotsContainer.appendChild(dot);
+        }
+      }
+
+      // 更新小圆点状态
+      function updateDots() {
+        const dots = document.querySelectorAll('.dot');
+        dots.forEach((dot, index) => {
+          if (index === config.currentIndex) {
+            dot.classList.add('active');
+          } else {
+            dot.classList.remove('active');
+          }
+        });
+      }
+
+      // 切换幻灯片
+      function goToSlide(index) {
+        config.currentIndex = index;
+        slider.style.transform = `translateX(-${config.currentIndex * 100}%)`;
+        updateDots();
+      }
+
+      // 下一张
+      function nextSlide() {
+        config.currentIndex = (config.currentIndex + 1) % config.slideCount;
+        goToSlide(config.currentIndex);
+      }
+
+      // 上一张
+      function prevSlide() {
+        config.currentIndex = (config.currentIndex - 1 + config.slideCount) % config.slideCount;
+        goToSlide(config.currentIndex);
+      }
+
+      // 自动播放控制
+      let autoplayInterval;
+
+      function startAutoplay() {
+        if (config.isAutoPlay) {
+          autoplayInterval = setInterval(nextSlide, config.interval);
+          autoplayText.textContent = '暂停';
+        }
+      }
+
+      function stopAutoplay() {
+        clearInterval(autoplayInterval);
+
+        autoplayText.textContent = '播放';
+      }
+
+      function toggleAutoplayState() {
+        config.isAutoPlay = !config.isAutoPlay;
+
+        if (config.isAutoPlay) {
+          startAutoplay();
+        } else {
+          stopAutoplay();
+        }
+      }
+
+      // 初始化轮播图
+      function initSlider() {
+        createDots();
+
+        // 添加事件监听
+        prevBtn.addEventListener('click', prevSlide);
+        nextBtn.addEventListener('click', nextSlide);
+        toggleAutoplay.addEventListener('click', toggleAutoplayState);
+
+        // 设置初始位置
+        goToSlide(0);
+
+        // 开始自动播放
+        startAutoplay();
+
+        // 鼠标悬停时暂停自动播放
+        slider.addEventListener('mouseenter', () => {
+          if (config.isAutoPlay) {
+            stopAutoplay();
+          }
+        });
+
+        // 鼠标离开时恢复自动播放
+        slider.addEventListener('mouseleave', () => {
+          if (config.isAutoPlay) {
+            startAutoplay();
+          }
+        });
+      }
+
+      // 初始化轮播图
+      initSlider();
+    });
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\351\200\222\345\275\222\346\250\241\346\235\277.js" "b/\351\200\222\345\275\222\346\250\241\346\235\277.js"
index b54afdc697f05f876f38581a3e9391f313ccc95d..4b4a39a66bff063d3398b8b6c452df3c7094446c 100644
--- "a/\351\200\222\345\275\222\346\250\241\346\235\277.js"
+++ "b/\351\200\222\345\275\222\346\250\241\346\235\277.js"
@@ -151,7 +151,34 @@ const cityData = [
 // 具体实现
 const getArea = (data) => {
     // 在这里编写代码
-}
+    // 找到根节点（中国）
+    const rootNode = data.find(item => item.value === 1);
+
+    // 递归构建树形结构
+    const buildTree = (node) => {
+        // 转换字段：value -> id, label -> title
+        const treeNode = {
+            id: node.value,
+            title: node.label
+        };
+
+        // 查找当前节点的所有子节点
+        const children = data.filter(item => item.parentValue === node.value);
+
+        // 递归处理子节点
+        if (children.length > 0) {
+            treeNode.child = children.map(child => buildTree(child));
+        }
+
+        return treeNode;
+    };
+
+    // 清空结果数组并添加根节点
+    result.length = 0;
+    result.push(buildTree(rootNode));
+};
+
+// 执行转换
 const result = [];
 getArea(cityData);
 console.log(result);
