Наведите курсор мыши на замену радиокнопки?

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, см. Пример здесь .