Нужно изменить фоновое изображение на mouseover на сайте jquery - PullRequest
0 голосов
/ 01 июня 2011

попытался изменить событие фонового изображения onmouseover для ссылки на сайте jquery, если кто-то знает, пожалуйста, ответьте на это демо!

Ответы [ 2 ]

5 голосов
/ 01 июня 2011

Предположение : у вас есть прозрачное фоновое изображение, подобное изображенному в этом примере.

Рабочая демонстрация по адресу: http://jsfiddle.net/marcosfromero/Bytmn/

$('#logo').hover(function() {
    $(this).addClass('highlighted');
}, function() {
    $(this).removeClass('highlighted');
});

Для класса highlighted вам потребуется изображение с logo id и правилом CSS.

jQuery hover ожидает вызова двух функций:

  1. Одна мышь закончилась (mouseenter событие)
  2. Одна мышь отсутствует (mouseleave событие)
2 голосов
/ 01 июня 2011
a
{
background:#ffffff url('path-of-your-mouseout-image.jpg') no-repeat top left;
}

a:hover
{
background:#ffffff url('path-of-your-mouseover-image.jpg') no-repeat top left;
}

CSS МОЖЕТ СДЕЛАТЬ ЭТО ДРУГОЙ.

...