使用Jquery滚动图像

这里是初学者的问题。我将创建一个Jquery函数，用于在图像上悬停时更改图像。我使用id名称作为选择器。如何使其通用化，以便不必为每个具有滚动图像的标记都提供函数的副本

$("#home img").hover(    
        function(){ 
            blah
        },
        function(){ 
            blah
        }
 );

---

用一个类（简单而有意义，如

rollover

）给出你想要的图像，然后用

$（“.rollover”）

选择。如果您控制HTML，这就是它的全部内容。

您可以在不使用js的情况下进行滚动（只要您不需要与IE6兼容）

HTML:

如果您需要与IE6兼容，这应该是可行的（但尚未测试）：

---

你也可以在那里包括一些html。。。

<div class="imgHover">
    <img class="default" src="...">
    <img class="roll" src="...">
</div>

.imgHover .roll {
    display: none;
}

.imgHover:hover .roll {
    display: block;
}

 .imgHover:hover .default {
    display: none;
}   

$('.imgHover').hover( 
     function() {
         $('.default', $(this)).hide();
         $('.roll', $(this)).show();
     },
     function() {
         $('.default', $(this)).show();
         $('.roll', $(this)).hide();
     }
}