javascript - 具有分割图像悬停效果的 Jquery 插件

标签 javascript jquery hover

我需要jquery插件来实现这个功能。我有两张地板干净和肮脏的图像。对悬停地板应进行“清洁”。 enter image description here

最佳答案

我见过在一个流行网站上使用twoface.js(或者可能是具有相同名称的不同代码):

Git:https://gist.github.com/hongymagic/2403518

您可以搜索twoface.js 以获取其在 jsfiddle 上的演示。

叠加两个图像,然后使用您自己的代码创建一个 slider 来控制顶部图像的宽度可能同样容易。

关于javascript - 具有分割图像悬停效果的 Jquery 插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35048378/

相关文章:

css - 水平下拉导航纯CSS

html - 悬停时如何将图像放在其父div之外

javascript - D3.js return color() 似乎是随机的?

javascript - 无法使用 json 填充选择列表

javascript - 带有 html 内容的工具提示出现在右侧,有工作代码,但它仅适用于 1 个提示,我希望它是动态的

javascript - Jquery 的 JSON 递归循环问题

javascript - 使 DIV 固定,这样它就不会滚动

javascript - 触摸设备 HTML 元素 :hover state

javascript - 如何编写用于创建唯一 ID 的单元测试?

javascript - 在一个 javascript 函数中使用多个 ajax 调用