看了如烟的帖子,我对他的代码进行修复
现在直接上传插件即可使用,只需要在合适位置放置小工具即可,无需放置额外代码
- 1. 修复自动刷新问题
· 使用 requestAnimationFrame 替代纯CSS动画,避免浏览器标签切换时的动画重置
· 添加页面可见性监听,在后台标签页暂停动画以节省资源
- 2. 改进动画流畅度
· 实现基于JavaScript的平滑动画,避免CSS动画的跳跃感
· 添加 will-change: transform 属性优化渲染性能
- 3. 增强小工具稳定性
· 在构造函数中注册脚本加载方法
· 条件性加载脚本,只在需要时加载
· 添加数据属性便于JavaScript控制
- 4. 性能优化
· 添加图片懒加载 (loading=”lazy”)
· 优化动画速度计算,确保在不同设备上的一致性
· 改进错误处理,当没有友链数据时显示友好提示
- 5. 代码结构优化
· 分离JavaScript逻辑到外部文件
· 使用更清晰的变量命名
· 改进注释和文档
- 6. 用户体验改进
· 保持鼠标悬停暂停功能
· 在移动端适当调整动画速度
· 确保黑暗模式兼容性
我这里的图片过少,是由于我的链接太少了,所以很丑


在这里十分感谢如烟大佬的代码







![表情[leiben]-WordPress主题模板-zibll子比主题](https://www.zibll.com/wp-content/themes/zibll/img/smilies/leiben.gif)
,才看到,原来你是原作者



