Jquery Fade In 随着鼠标靠近元素

Question

我正在寻找一种效果，即当我将鼠标更靠近 移动到一个元素时，该元素的不透明度从 0（不可见）变为 100。

我不是在寻找典型的鼠标悬停/鼠标悬停组合。

不透明度应取决于鼠标与元素的距离。不透明度将在元素周围 100 像素的边界内增加，直到鼠标到达元素。那么它将是 100 的不透明度。

有没有类似的插件？

Answer 1

是的，Approach 是一个完全符合您描述的插件，

Approach 是一个 jQuery 插件 允许您为样式属性设置动画 基于光标与 目的。它的工作原理非常相似 以jQuery animate 的方式，但是它 动画超过距离而不是 时间。

main page 上的第二个演示听起来特别适合您。