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

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。