jquery изменить фоновое изображение при наведении - PullRequest
Новая
       21

jquery изменить фоновое изображение при наведении

2 голосов
/ 17 сентября 2010

У меня есть несколько элементов div, для которых я хочу создать фоновые изображения CSS.Они будут меняться при наведении.Да, я знаю, что я мог бы легко сделать это в css, но это нужно сделать в jquery.

Код: 

$(document).ready(function() {
    $('.hoverBox').css('background', 'url(img/box' + id + '.jpg)')  
    $('.hoverBox').hover(function(){
    $(this).css('background', 'url(img/box' + this.id + '_back.jpg)')                      
    },
    function(){
    $(this).css('background', 'url(img/box' + this.id + '.jpg)')                       
    });
});

HTML выглядит так: 

<div class="hoverBox" id="benefits">
content</div>
<div class="hoverBox" id="installation">
content</div>
<div class="hoverBox" id="shoponline">
content</div>

Это должно быть так просто, но я не могу заставить его работать.

Помощь будет высоко ценится!ТИА.

1 Ответ

0 голосов
/ 17 сентября 2010

Что такое идентификатор?

Это какая-то таинственная переменная, определенная где-то еще, или вы думаете, что идентификатор будет читаться из селектора каким-то волшебным образом?

Я предполагаю, что вы хотите использовать каждый (), чтобы получить идентификатор.

...