☰

全网页平滑显现和过渡效果（最终版）

为所有网页的新加载、变化、移动和消失的内容提供可配置的平滑显现和动画效果，包括图片和瞬间变化的元素。

目前為 2024-11-04 提交的版本，檢視 最新版本。

作者
马牛逼（Felix）
評價
0 0 0
版本
4.2
建立日期
2024-11-04
更新日期
2024-11-04
尺寸
20.1 KB
授權條款
CC BY-NC 4.0
腳本執行於
所有網站

更新日志与功能介绍

更新日志

版本 4.2

  • 修复了网页底部内容被重复的问题：修改了 MutationObserver 处理被移除节点的逻辑，避免将节点重复插入 DOM，从而解决了底部内容重复的现象。
  • 移除了介绍页的相关功能：删除了嵌入介绍页的代码，以精简脚本。
  • 优化了动画逻辑：在节点移除前应用离开动画，避免在动画结束前重新插入元素导致的重复问题。
  • 对渐隐动画增加检查，确保不会对已经应用了离开动画的元素重复执行。

版本 4.1

  • 添加多语言支持：根据用户的浏览器语言选择中文或英文显示配置面板。
  • 解决频繁变更检测的问题：通过 changeRecords 管理频繁变更的记录，避免对频繁变化的元素重复应用动画。
  • 在 Bilibili 视频页面中，忽略了特定的 XPath 元素，防止其受到动画处理。
  • 增加了设置菜单，用户可以通过 Tampermonkey 提供的菜单自定义动画效果。

版本 4.0

  • 初步实现了网页内容的平滑显现和过渡效果。
  • 支持对新加载的元素、属性变化、文本变化等进行动画处理。
  • 添加了多个动画类型，包括淡入淡出（Fade）、缩放（Zoom）、旋转（Rotate）、滑动（Slide）。
  • 添加了配置面板，用户可以自定义动画类型和动画时长。

版本 3.0

  • 引入 MutationObserver 以检测 DOM 变化，实现对新增、修改、删除的元素进行动画处理。
  • 为特定类型的元素添加默认动画效果，如图像加载时的淡入效果。
  • 增加了对特定属性变化（如 src 和 style）的过渡动画支持。

版本 2.0

  • 增加了动画类型选择功能：用户可以选择是否启用淡入淡出、缩放、旋转等动画。
  • 添加了对用户配置的支持，使用 Tampermonkey 的 GM_setValue 和 GM_getValue 来保存用户的动画设置。
  • 实现了设置面板功能，用户可以通过菜单按钮弹出配置窗口。

版本 1.0

  • 实现了基础的平滑显现和隐藏动画。
  • 为新加载的网页内容提供渐显效果，提升用户体验。
  • 增加了 Tampermonkey 菜单命令，以便用户手动启用或禁用脚本。

功能介绍

动画效果支持

  • 渐显与渐隐（Fade）：网页元素在加载或移除时会有平滑的渐显和渐隐效果，提升视觉体验。
  • 缩放（Zoom）：新加载的内容会有缩放进入的效果，从小到大显现，给用户更多的视觉冲击。
  • 旋转（Rotate）：元素加载时可以添加旋转动画，增加趣味性。
  • 滑动（Slide）：新元素可以从页面的底部滑入，适用于提示信息或页面更新的场景。

自定义配置

  • 用户可以通过 Tampermonkey 菜单中的配置面板，自行调整动画效果的类型和持续时间。
  • 渐显/渐隐持续时间、属性过渡持续时间 都可以通过配置进行精确控制，满足不同用户的偏好。
  • 排除特定标签：可以配置不对某些特定的 HTML 标签应用动画（如 script 标签），以避免不必要的性能消耗。

性能优化

  • 仅处理可见元素：为提高性能，脚本会检测元素是否在页面中可见，仅对可见的元素应用动画效果。
  • 频繁变更检测：通过设置频繁变化的阈值，避免对频繁变更的元素重复应用动画，减少资源消耗。

特定页面的兼容性

  • 在 Bilibili 视频页面中，脚本会忽略特定的播放器区域元素，防止对播放器造成干扰，从而提高页面的兼容性与用户体验。

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址