2011-01-24 4 views
0

Я использую jQuery для замены своих переключателей на этой странице - http://www.justdoors.co/product-selection/ и задавался вопросом, можно ли добавить эффект мыши?Mouseover на замене радиокнопки?

Я хотел бы, чтобы серые стрелки становились зелеными, когда они выбраны, чтобы переключиться на зеленый цвет при наведении указателя мыши/наведении, когда пользователь идет вверх и вниз по списку.

+0

Вы заменяете переключатели на что? –

+0

@ Šime Vidas с изображениями. – Trufa

ответ

1

Похоже, вся ваша замененные радио кнопка имеет класс «imageCheck», чтобы вы могли связать эффект при наведении курсора мыши/отведении указателя мыши:

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

Попробует, звучит точно, что мне нужно! Большое спасибо –

+0

Правильно ... я делаю то, что хочу, но выбранная кнопка по-прежнему остается зеленой ... хотелось бы, чтобы она селила, пока мышь на месте на другом выборе. Также хотелось бы, чтобы кнопка меняла изображение/цвет, когда курсор помещается на метку для кнопки –

+0

Также, если я выбираю одну из других радиокнопек, стрелка теперь не остается «выбрана» –

0

Вы всегда можете использовать CSS, см примера here.

Смежные вопросы