# SmartMenu

**Repository Path**: cyf783/smart-menu

## Basic Information

- **Project Name**: SmartMenu
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-24
- **Last Updated**: 2025-08-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# SmartMenu - 智能多级菜单 jQuery 插件

SmartMenu 是一个功能强大的 jQuery 插件，专为创建优雅的多级下拉菜单而设计。它支持无限级菜单嵌套，具备智能边界检测、平滑动画效果和响应式设计。

## ✨ 功能特点

- 🎯 **无限级菜单** - 支持任意深度的菜单嵌套
- 🧠 **智能边界检测** - 自动调整菜单位置，防止超出视窗
- 🎨 **平滑动画** - 优雅的 slideDown/slideUp 过渡效果
- 📱 **响应式设计** - 支持窗口大小变化，自动重新计算位置
- ⚡ **高性能** - 使用事件委托和防抖优化
- 🎭 **灵活配置** - 丰富的配置选项满足各种需求

![输入图片说明](1.png)

## 📦 安装

### 方式：直接引入

```html
<!-- 引入jQuery -->
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- 引入SmartMenu -->
<script src="sm.js"></script>
<link rel="stylesheet" href="sm.css">
```

## 🚀 快速开始

### HTML结构

```html
<nav class="sm-nav">
    <ul>
        <li>
            <a href="#">首页</a>
        </li>
        <li>
            <a href="#">产品</a>
            <ul>
                <li>
                    <a href="#">电子产品</a>
                    <ul>
                        <li><a href="#">手机</a></li>
                        <li><a href="#">电脑</a></li>
                        <li><a href="#">平板</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">家居用品</a>
                    <ul>
                        <li><a href="#">家具</a></li>
                        <li><a href="#">装饰</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>
            <a href="#">关于我们</a>
        </li>
    </ul>
</nav>
```

### 使用方法

### 基础使用

```javascript
// 初始化插件
$('.sm-nav').smartMenu();

// 使用自定义配置
$('.sm-nav').smartMenu({
    animationSpeed: 300,
    hoverDelay: 150,
    activeClass: 'current'
});

// 销毁插件
$('.sm-nav').smartMenu('destroy');
```

## ⚙️ 配置选项

| 参数 | 类型 | 默认值 | 说明 |
|------|------|--------|------|
| `animationSpeed` | Number | `200` | 菜单展开/收起动画持续时间（毫秒） |
| `hoverDelay` | Number | `200` | 鼠标离开延迟关闭时间（毫秒） |
| `subMenuZIndex` | Number | `1000` | 子菜单的z-index层级基础值 |
| `minLeftRightSpace` | Number | `10` | 菜单与视窗边界的最小间距（像素） |
| `activeClass` | String | `'menu-active'` | 当前激活菜单项的CSS类名 |

**SmartMenu** - 让多级菜单变得简单而优雅！