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を使用することもできます。ここの例を参照してください。