diff --git a/lijunjie.html b/lijunjie.html
new file mode 100644
index 0000000000000000000000000000000000000000..45680729d1f412b9563e21bc8af587d6f2fa94e2
--- /dev/null
+++ b/lijunjie.html
@@ -0,0 +1,219 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <title>轮播图</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        .slider-container {
+            width: 800px;
+            height: 400px;
+            margin: 50px auto;
+            position: relative;
+            overflow: hidden;
+            border-radius: 8px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        }
+
+        .slider-wrapper {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            transition: transform 0.3s ease-in-out;
+        }
+
+        .slider-item {
+            flex-shrink: 0;
+            width: 100%;
+            height: 100%;
+        }
+
+        .slider-item img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+
+        .slider-button {
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            width: 30px;
+            height: 50px;
+            background-color: rgba(255, 255, 255, 0.5);
+            border: none;
+            cursor: pointer;
+            font-size: 20px;
+            color: #333;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: all 0.3s;
+            z-index: 10;
+        }
+
+        .slider-button:hover {
+            background-color: rgba(255, 255, 255, 0.8);
+        }
+
+        .slider-button-prev {
+            left: 10px;
+        }
+
+        .slider-button-next {
+            right: 10px;
+        }
+
+        .slider-dots {
+            position: absolute;
+            bottom: 20px;
+            left: 50%;
+            transform: translateX(-50%);
+            display: flex;
+            gap: 10px;
+        }
+
+        .slider-dot {
+            width: 10px;
+            height: 10px;
+            border-radius: 50%;
+            background-color: rgba(255, 255, 255, 0.5);
+            cursor: pointer;
+            transition: all 0.3s;
+        }
+
+        .slider-dot.active {
+            background-color: #fff;
+            transform: scale(1.2);
+        }
+    </style>
+</head>
+<body>
+    <div class="slider-container" id="slider">
+        <div class="slider-wrapper">
+            <div class="slider-item">
+                <img src="https://img.win3000.com/m00/c2/da/d15849d6be202b8c4eb98e3b8c5bd05e.jpg" alt="图片1">
+            </div>
+            <div class="slider-item">
+                <img src="https://img.win3000.com/m00/76/c2/2393044df288fb435f0ae0eca2db7d84.jpg" alt="图片2">
+            </div>
+            <div class="slider-item">
+                <img src="https://img0.baidu.com/it/u=1795990836,3289423584&fm=253&fmt=auto&app=138&f=JPEG" alt="图片3">
+            </div>
+            <div class="slider-item">
+                <img src="https://img0.baidu.com/it/u=289224526,1802347590&fm=253&fmt=auto&app=120&f=JPEG" alt="图片4">
+            </div>
+            <div class="slider-item">
+                <img src="https://img2.baidu.com/it/u=2744541530,1590630275&fm=253&fmt=auto&app=138&f=JPEG" alt="图片5">
+            </div>
+        </div>
+        <button class="slider-button slider-button-prev"><</button>
+        <button class="slider-button slider-button-next">></button>
+        <div class="slider-dots"></div>
+    </div>
+
+    <script>
+        class Slider {
+            constructor(containerId) {
+                this.container = document.getElementById(containerId);
+                this.wrapper = this.container.querySelector('.slider-wrapper');
+                this.items = this.container.querySelectorAll('.slider-item');
+                this.prevBtn = this.container.querySelector('.slider-button-prev');
+                this.nextBtn = this.container.querySelector('.slider-button-next');
+                this.dotsContainer = this.container.querySelector('.slider-dots');
+                
+                this.currentIndex = 0;
+                this.itemCount = this.items.length;
+                this.autoPlayTimer = null;
+                
+                this.init();
+            }
+
+            init() {
+                // 克隆首尾项实现无缝轮播
+                const firstClone = this.items[0].cloneNode(true);
+                const lastClone = this.items[this.itemCount - 1].cloneNode(true);
+                this.wrapper.appendChild(firstClone);
+                this.wrapper.insertBefore(lastClone, this.items[0]);
+
+                // 创建小圆点
+                for (let i = 0; i < this.itemCount; i++) {
+                    const dot = document.createElement('div');
+                    dot.className = 'slider-dot' + (i === 0 ? ' active' : '');
+                    dot.addEventListener('click', () => this.slideTo(i));
+                    this.dotsContainer.appendChild(dot);
+                }
+
+                // 初始化位置
+                this.wrapper.style.transform = `translateX(-100%)`;
+
+                // 绑定事件
+                this.prevBtn.addEventListener('click', () => this.slidePrev());
+                this.nextBtn.addEventListener('click', () => this.slideNext());
+                this.container.addEventListener('mouseenter', () => this.stopAutoPlay());
+                this.container.addEventListener('mouseleave', () => this.startAutoPlay());
+                this.wrapper.addEventListener('transitionend', () => this.handleTransitionEnd());
+
+                // 开始自动播放
+                this.startAutoPlay();
+            }
+
+            slideTo(index, smooth = true) {
+                if (!smooth) {
+                    this.wrapper.style.transition = 'none';
+                } else {
+                    this.wrapper.style.transition = 'transform 0.3s ease-in-out';
+                }
+                this.currentIndex = index;
+                this.wrapper.style.transform = `translateX(-${(index + 1) * 100}%)`;
+                this.updateDots();
+            }
+
+            slideNext() {
+                this.slideTo(this.currentIndex + 1);
+            }
+
+            slidePrev() {
+                this.slideTo(this.currentIndex - 1);
+            }
+
+            handleTransitionEnd() {
+                if (this.currentIndex >= this.itemCount) {
+                    this.currentIndex = 0;
+                    this.slideTo(0, false);
+                } else if (this.currentIndex < 0) {
+                    this.currentIndex = this.itemCount - 1;
+                    this.slideTo(this.itemCount - 1, false);
+                }
+            }
+
+            updateDots() {
+                const dots = this.dotsContainer.children;
+                for (let i = 0; i < dots.length; i++) {
+                    dots[i].classList.toggle('active', i === this.currentIndex);
+                }
+            }
+
+            startAutoPlay() {
+                this.autoPlayTimer = setInterval(() => this.slideNext(), 1000);
+            }
+
+            stopAutoPlay() {
+                if (this.autoPlayTimer) {
+                    clearInterval(this.autoPlayTimer);
+                    this.autoPlayTimer = null;
+                }
+            }
+        }
+
+        // 初始化轮播图
+        new Slider('slider');
+    </script>
+    <script src="lijunjie.js"></script>
+</body>
+</html>
diff --git a/lijunjie.js b/lijunjie.js
new file mode 100644
index 0000000000000000000000000000000000000000..89c30daf2b3035ea9220d818367d88853c507751
--- /dev/null
+++ b/lijunjie.js
@@ -0,0 +1,108 @@
+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 result = [];
+    
+    // 找到根节点并添加到结果中
+    const root = data.find(item => !item.parentValue);
+    if (root) {
+        const rootNode = {
+            id: root.value,
+            title: root.label,
+            child: []
+        };
+        result.push(rootNode);
+        
+        // 递归查找子节点
+        const findChildren = (parent) => {
+            const children = data.filter(item => item.parentValue === parent.id);
+            children.forEach(item => {
+                const node = {
+                    id: item.value,
+                    title: item.label,
+                    child: []
+                };
+                parent.child.push(node);
+                findChildren(node);
+            });
+        };
+        
+        findChildren(rootNode);
+    }
+    
+    return result;
+}
+
+const result = getArea(cityData);
+console.log(JSON.stringify(result, null, 2));
\ No newline at end of file
