随着鼠标越来越接近元素，Jquery淡入淡出

Question

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

我不是在寻找典型的mouseover / mouseout组合。

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

是否有任何插件可以执行类似的操作？

Answer 1

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

  

Approach是一个jQuery插件   允许您为样式属性设置动画   基于光标的接近程度   宾语。它的工作方式非常相似   然而，它是jQuery animate的方式   远距离动画而不是   时间。

main page上的第二个演示特别听起来与你相关。