我正在寻找这样一种效果:当我把鼠标移动到一个元素附近时,该元素从0不透明度(不可见)变为100不透明度。我不是在寻找典型的mouseover/mouseout组合。不透明度应取决于鼠标距离元素的距离。在元素周围的100像素范围内,不透明度会增加,直到鼠标到达元素。然后它将是100不透明度。是否有任何插件可以做类似于此的事情?
是的,Approach 是一个插件,它可以按照您所描述的方式实现。
Approach 是一个 jQuery 插件,允许您根据光标与对象的接近程度来动画样式属性。它的工作方式非常类似于
jQuery animate
,但它是基于距离而不是时间进行动画。
主页上的第二个演示对您尤其相关。