随着鼠标靠近元素,Jquery 淡入

标签 jquery css jquery-plugins

我正在寻找一种效果,当我将鼠标靠近 到一个元素时,该元素的不透明度从 0(不可见)变为 100。

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

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

有没有类似的插件?

最佳答案

是的,Approach是一个完全按照您的描述执行的插件,

Approach is a jQuery plugin that allows you to animate style properties based on the cursor’s proximity to an object. It works in a very similar manner to jQuery animate, however it animates over distance instead of time.

关于 main page 的第二个演示特别是与您相关的声音。

关于随着鼠标靠近元素,Jquery 淡入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1652703/

相关文章:

javascript - 增量 eq(i) setTimeout 函数 jquery

javascript - 根据数据属性确定网格大小

html - 动态引导表列 : same width for each column (without Java Script)

css - 如何在 moving-boxes 插件中将 .current 置于最前面

javascript - 帮助在 jQuery 中为元素设置动画

javascript - div的动态高度

jQuery 正则表达式问题 - 简单匹配

CSS/html 自动调整行连接左对齐单词和右对齐

css - 如何去除移动设备上的滚动条?

jquery工具-叠加定位问题