# js-case

**Repository Path**: lemonaid/js-case

## Basic Information

- **Project Name**: js-case
- **Description**: 🌰js以及jquery创建的各种小case

- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-18
- **Last Updated**: 2024-10-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 🌰js以及jquery创建的各种小case

### 一、 🍊[`jquery`实现文字点选验证码](./1.%20文字点选验证码/case/)
![alt text](./1.%20文字点选验证码/effectImg/effectImg.gif)

### 二、 🍊[`jquery`实现`DOM`结构转图片并下载](./2.%20DOM结构转图片并下载/case/)

- 效果图1：
![alt text](./2.%20DOM结构转图片并下载/effectImg/effectImg.gif)
- 效果图2：
![alt text](./2.%20DOM结构转图片并下载/effectImg/effectImg02.gif)

### 三、 🍊[`jquery`实现点击菜单实现高德地图定位点与数据展示联动效果]
- 效果图1：(点击省份进入城市`marker`点标记)
![alt text](./3.%20点击菜单实现高德地图定位点与数据展示联动效果/effectImg/effectImg.gif)
- 效果图2：(点击左侧菜单定位对应`marker`点)
![alt text](./3.%20点击菜单实现高德地图定位点与数据展示联动效果/effectImg/effectImg02.gif)
- 效果图3：(初始页面，点击左侧市场菜单，进入菜单列表页并将`marker`标记添加)
![alt text](./3.%20点击菜单实现高德地图定位点与数据展示联动效果//effectImg/effectImg03.gif)
- 效果图4：(`marker`标记信息弹窗内点击，返回到省份)
![alt text](./3.%20点击菜单实现高德地图定位点与数据展示联动效果/effectImg/effectImg04.gif)

### 四、 🍊[`jquery`实现树形列表加拖拽排序功能]
- 效果图1：
![alt text](./4.%20jquery实现树形列表加拖拽排序功能/effectImg/effectImg.gif)