ClickEffect - 鼠标点击特效

一个简单而美观的 Tampermonkey 脚本，为你的每一次鼠标点击添加炫酷的粒子爆炸特效。该脚本适用于所有网页，让浏览体验更加生动有趣。

支持我的其他脚本：GitHub or ScriptCat

✨ 功能特性

🎨 全局特效：在所有网页上生效（@match *）。
⚡ 高性能动画：使用 Anime.js 库，确保动画流畅丝滑。
🛠 高度可配置：可以通过简单修改代码来调整粒子数量、颜色、大小和扩散范围。
🧹 自动清理：动画结束后自动移除 DOM 元素，不占用内存。
🚫 无干扰：粒子不阻挡鼠标点击事件（pointer-events: none）。

🚀 安装方法

安装脚本管理器：如果你还没有安装，请先安装ScriptCat 或 Tampermonkey (推荐) 或 Violentmonkey 浏览器扩展。
安装脚本：
- 点击 GitHub 仓库中的 clickEffect.user.js 文件。
- 点击右上角的 Raw 按钮。
- Tampermonkey 会自动弹窗询问是否安装，点击安装。
启用脚本：确保你的 Tampermonkey 图标处于激活状态，且该脚本已开启。

⚙️ 自定义配置

由于这是一个轻量级脚本，目前配置选项位于代码内部。你可以按照以下步骤修改特效参数：

点击 Tampermonkey 图标 -> 管理面板。
找到 clickEffect-鼠标点击特效 脚本。
点击编辑按钮。
在代码中找到 CONFIG 对象（通常在开头），修改你想要的参数：

const CONFIG = {
    particleCount: 10,     // 每次点击产生的粒子数量 (默认: 10)
    particleColor: 'red',  // 粒子颜色 (支持英文 'red', 'blue' 或 hex '#00ff00')
    particleSize: 10,      // 粒子大小，单位像素 (默认: 10)
    spread: 100            // 粒子扩散范围，单位像素 (默认: 100)
};

修改完成后，点击文件 -> 保存 (Ctrl+S)，刷新网页即可生效。

🔧 技术栈

Vanilla JavaScript: 原生 JS 逻辑处理。
Anime.js: 用于处理高性能的动画过渡 (@require)。

📝 依赖项

脚本会自动从 CDN 加载依赖：

anime.min.js (v3.2.1)

📄 开源协议

本项目采用 GPL-3.0-only 许可证开源。

👨‍💻 作者

EricQ (Eric Qiu)

加载中…

✨ 功能特性

🎨 全局特效：在所有网页上生效（@match *）。

⚡ 高性能动画：使用 Anime.js 库，确保动画流畅丝滑。

🛠 高度可配置：可以通过简单修改代码来调整粒子数量、颜色、大小和扩散范围。

🧹 自动清理：动画结束后自动移除 DOM 元素，不占用内存。

🚫 无干扰：粒子不阻挡鼠标点击事件（pointer-events: none）。

🚀 安装方法

安装脚本管理器：如果你还没有安装，请先安装ScriptCat 或 Tampermonkey (推荐) 或 Violentmonkey 浏览器扩展。

安装脚本：

点击 GitHub 仓库中的 clickEffect.user.js 文件。
点击右上角的 Raw 按钮。
Tampermonkey 会自动弹窗询问是否安装，点击安装。

启用脚本：确保你的 Tampermonkey 图标处于激活状态，且该脚本已开启。

⚙️ 自定义配置

由于这是一个轻量级脚本，目前配置选项位于代码内部。你可以按照以下步骤修改特效参数：

点击 Tampermonkey 图标 -> 管理面板。

找到 clickEffect-鼠标点击特效 脚本。

点击编辑按钮。

在代码中找到 CONFIG 对象（通常在开头），修改你想要的参数：

const CONFIG = { particleCount: 10, // 每次点击产生的粒子数量 (默认: 10) particleColor: 'red', // 粒子颜色 (支持英文 'red', 'blue' 或 hex '#00ff00') particleSize: 10, // 粒子大小，单位像素 (默认: 10) spread: 100 // 粒子扩散范围，单位像素 (默认: 100) };

修改完成后，点击文件 -> 保存 (Ctrl+S)，刷新网页即可生效。