jquery - 如何使用 jQuery 部分淡出图像

Question

我有一张背景图片。我想在页面加载时将其部分淡出，这意味着我想要淡出的效果-但不是让图像不可见，我希望它中途停止以使其半可见。

有没有办法通过淡出来做到这一点？我可以使用另一种方法吗？

Answer 1

Did you tried .animate(properties, duration) function?

$("#image").animate({ opacity: 0.5}, 200);

or you could also use .fadeTo(duration, opacity) function:

$("#image").fadeTo(2000, 0.5);

DEMO