在单选按钮更换上鼠标悬停？

Question

我正在使用jQuery替换此页上的单选按钮 - http://www.justdoors.co/product-selection/，并且想知道是否可以添加鼠标悬停效果？

我希望灰色的箭头在用户在列表中上下移动时，在mouseover/hover上选择变为绿色时变成绿色。

Answer 1

好像所有的更换单选按钮具有类“imageCheck”所以你可以绑定鼠标悬停/鼠标移开效果：

$('.imageCheck') 
    .mouseover(function() { 
     $(this).attr("src", "/changedimage.jpg"); 
    }) 
    .mouseout(function() { 
     $(this).attr("src", "/originalimage.jpg"); 
}); 

Answer 2

你总是可以也可以使用CSS，看到一个例子here。