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

Question

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

我希望当用户在列表中上下移动时，选中的灰色箭头会在鼠标悬停/悬停时变为绿色。

Answer 1

似乎所有替换的单选按钮都具有“imageCheck”类，因此您可以在鼠标移除/鼠标移除时绑定效果：

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

Answer 2

您也可以使用CSS，请参阅示例here。