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

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。