这是一款基于原生JavaScript开发的鼠标跟踪效果，博主对部分代码进行了优化打包压缩后的代码仅有 5kb 大小。最后引入一行代码就能让你的网页呈现出这款优雅的鼠标跟踪效果~

CDN引入【推荐】


<script src="https://player.xfyun.club/js/curzr-arrow-pointer.min.js"></script>
<script src="https://player.xfyun.club/js/curzr-arrow-pointer.min.js"></script>
<script src="https://player.xfyun.club/js/curzr-arrow-pointer.min.js"></script>

示例代码


<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, minimum-scale=1">
</head>
<body>
    // 代码放到 </body> 上面就行了 
    <script src="https://player.xfyun.club/js/curzr-arrow-pointer.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, minimum-scale=1">
</head>

<body>
    // 代码放到 </body> 上面就行了 
    <script src="https://player.xfyun.club/js/curzr-arrow-pointer.min.js"></script>
</body>

</html>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, minimum-scale=1">
</head>

<body>
    // 代码放到 </body> 上面就行了 
    <script src="https://player.xfyun.club/js/curzr-arrow-pointer.min.js"></script>
</body>

</html>

展示图：

一款优雅简约的鼠标跟踪特效

下载

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

版权声明 1 本网站名称：彩豆博客
2 本站永久网址：https://www.521cd.cn
3本站代码模板仅供学习交流使用请勿商业运营,严禁使用彩豆博客上的模板&源码从事违法,侵权等任何非法活动！
4 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ931106824进行删除处理。
5 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
6 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
7 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END