代码之家 › 专栏 › 技术社区 › Rob

jquery随着鼠标靠近元素而淡入

jquery-plugins css jquery

Rob · 技术社区 · 15 年前

我正在寻找一种效果,当我移动鼠标时 更接近 对于一个元素,该元素从0不透明度(不可见)变为100不透明度。

我不想找典型的鼠标器/鼠标器组合。

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

有没有类似的插件?

1 回复 | 直到 15 年前

artlung 15 年前

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

方法是一个jquery插件, 允许您设置样式属性的动画基于光标靠近对象。它的工作原理非常相似方式到 jQuery animate 但是它在距离上设置动画,而不是时间。

第二个演示 main page 尤其是与你有关的声音。

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

4 月前

Mass · 如何在Tailwind CSS v4中创建配置

4 月前

magenta placenta · 将css变量合并为一个变量

4 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

4 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

5 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

5 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

5 月前

Luckkks · 过渡色工作不正常

5 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

5 月前