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

Question

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

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

Answer 1

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

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

Answer 2

您也可以随时使用 CSS，请参阅此处的示例。