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

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，请参阅此处的示例。