鼠标动画效果

鼠标动画效果

目录

• 鼠标动画效果
• 目录
• 效果
• 背景
• 版权
• 环境
• 配置

[toc]

效果

见https://onedayxyy.cn/网站鼠标动态效果：

背景

白木大佬又倒腾了一个新特性，鼠标动态效果，感觉还不错，那么上新吧。🤣

版权

次功能来自《白木》大佬，感谢大佬。❤️❤️❤️

环境

Teek@1.5.1-2025.10.19版本

Teek-one开箱即用版仓库：https://cnb.cool/onedayxyy/vitepress-theme-teek-one-public

配置

（1）把guangbiaoTX.zip压缩包解压后放到docs\.vitepress\theme\components目录下：

文件下载地址：https://img.onedayxyy.cn/images/guangbiaoTX.zip

（2）引入

编辑docs\.vitepress\theme\index.ts文件：

import "./components/guangbiaoTX/guangbiaoTX.scss"; // ⬅️ 鼠标拖尾样式scss
import { useGuangbiaoTX } from "./components/guangbiaoTX/useGuangbiaoTX"; // ⬅️ 导入鼠标拖尾星星动画ts

    // 🔽 鼠标拖尾星星动画
    if (typeof window !== "undefined") {
      useGuangbiaoTX();
    }

具体代码可见如下源码：https://cnb.cool/onedayxyy/vitepress-theme-teek-one-public/-/blob/main/docs/.vitepress/theme/index.ts

（3）验证

见https://onedayxyy.cn/网站鼠标动态效果：

结束。