Как я могу изменить фоновое изображение элемента списка

Question

Я хочу изменить свой <Li> bgImage onMouseOver с помощью jQuery

Но изображение в трех тегах div

Answer 1

Примерно так:

$('li').mouseover(
  function(){
    $(this).css('background-image', 'url(hover.png) no-repeat top left');
  },
  function(){
    $(this).css('background-image', 'url(normal.png) no-repeat top left');
  }
);

Answer 2

Я хотел бы знать, почему вам нужно изменить фоновое изображение элемента списка при наведении мыши.

Если вы хотите, чтобы элемент списка действовал как ссылка - или, вообще, , если вы хотите назначить действие элементу списка - вы должны добавить тег <a> внутри <li> и с помощью селектора a: hover css назначить фоновое изображение ссылки при наведении курсора мыши. Таким образом, вам не нужна никакая функция JavaScript.

Если вы не можете использовать тег <a>, я хотел бы знать, почему.

Answer 3

Вместо добавления / удаления фонового изображения с помощью CSS, вы должны добавить / удалить класс при наведении курсора. Таким образом, вы можете сжать ваш JS-файл, когда вы освободите его в дикой природе:)

Тем не менее, я думаю, что он хочет сохранить текущее фоновое изображение, заменить его при наведении курсора мыши и вернуть его обратно при отключении мыши:)