jQuery - простой вопрос

[Undefitied]

Пробовал создать простое меню, которое меняет цвет при наведении. Вот код, не могу найти ошибку.

$(document).ready(function() {



$('.test').mouseover(function() {
$('.test').html('<img src="images/top_menu/main_linked.png" width="67" height="27">');
});

$('.test').mouseout(function() {
$('.test').html('<img src="images/top_menu/main_normal.png" width="67" height="27">');
});



}); //ready ends

[spein]

А где собственно ошибка? Скрины, логи в студию.

[TranceSmile]

$(document).ready(function() {
 $('.test').mouseover(function() {
 $('.test').html('<img src="images/top_menu/main_linked.png" width="67" height="27">');
 }
 $('.test').mouseout(function() {
 $('.test').html('<img src="images/top_menu/main_normal.png" width="67" height="27">');
 }
 }); //ready ends

Найди 2 отличия

[Cronos20]

Плохие отличия, убрали 2 скобочки, сломали весь код.
Вообще с точки зрения jquery все должно работать, только лучше применить метод hover .
Хотя такие простые вещи делаются с помощью CSS

.test {background-image : url(images/top_menu/main_linked.png)}
.test:hover {background-image : url(images/top_menu/main_normal.png)}

[Naive]

Cronos20, в этом цсс будет изменяться картинка только у наведенного пункта меню/ По изначальному коду jquery при наведении меняется все меню

[Cronos20]

И какая разница ? А фантазию проявить?

#menu .test {background-image : url(images/top_menu/main_linked.png)}
#menu:hover .test {background-image : url(images/top_menu/main_normal.png)}

Хочу заметить, что в данном случае у автора как раз все и сломается, потому что после наведении все внутренности "меню" заменятся на картинку. Скорее всего он просто забыл использовать this .... но похоже об этом мы уже не узнаем.