这是一款基于原生JavaScript开发的鼠标跟踪效果,博主对部分代码进行了优化打包压缩后的代码仅有 5kb 大小。最后引入一行代码就能让你的网页呈现出这款优雅的鼠标跟踪效果~
CDN引入【推荐】
<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>
展示图:
![一款优雅简约的鼠标跟踪特效-彩豆博客 一款优雅简约的鼠标跟踪特效-彩豆博客](https://img.521cd.cn/i/2024/06/16/2hcl1m.gif)
感谢您的来访,获取更多精彩文章请收藏本站。
![](https://www.521cd.cn/wp-content/uploads/2024/04/6561c98c703bf.gif)
© 版权声明
THE END
暂无评论内容