Jquery 如何实现这种渐进式悬停效果

这里有一个链接：

---

在他的页面上，当你把鼠标悬停在他已经完成的工作上时，会有一个很酷的鼠标悬停在上面。它用另一个图像替换图像。这是jquery还是css？如何实现这一点？

jquery以及两个单独的图像，悬停时淡入淡出

您应该学习使用浏览器中可能内置的查看源代码/开发人员工具（尝试点击F12）

以下是相关代码：

$("div.casestudy img.hovered").hide();
$("div.casestudy").hover(function() {
$(this).find('img').fadeIn(200);
}, function() {
$(this).find('img.hovered').fadeOut(200);
});

---

您可以坚持使用一个图像，并通过以下任一方法获得相同的效果：

从html5画布和jQuery开始（在ie8中不起作用）

只需降低不透明度并用如下内容覆盖html标题：

$("div.casestudy").hover(function() {
$(this).find('caption').fadeIn(200);
$(this).find('img.hovered').animate({"opacity": "0.3"}, "slow");
}, function() {
$(this).find('caption').fadeOut(200);
$(this).find('img.hovered').animate({"opacity": "1"}, "slow");
});

---

或者像那样的工作很好，我的坏。我找了大约一个小时的密码，却找不到。谢谢