Jquery在滚动时使用淡入淡出更改图像

我目前正在使用下面的脚本在翻滚时更改图像。有许多图像需要应用此效果-每个图像都有自己的滚动图像。该脚本适用于滚动，但不适用于淡入淡出

我读过关于使用CSS和jquery实现淡入淡出效果的内容：

但是如果要为100多个不同的图像编写CSS，那将是一件非常痛苦的事情！我只是想知道是否有人知道我做错了什么，以及如何让脚本工作？：）

---

与其为100多个不同的图像编写CSS，为什么不使用jQuery

。每个
循环为您添加CSS

$("img.rollover").each(function() {
    this.css('background-image',this.src.replace("_off", "_on"));
});

…然后遵循。
中的单图像技术。我觉得它很有用。如果您还可以提供一个HTML示例（如果要替换和淡出图像，至少两个示例）。淡出悬停事件可能发生在替换src悬停事件之前？为什么要使用两个不同的css选择器？可能尝试使用相同的选择器（例如“img.rollover”）分配两个事件？或者可以在相同的悬停事件定义中执行所有操作？
$("img.rollover").each(function() {
    this.css('background-image',this.src.replace("_off", "_on"));
});