Javascript Div ролловеры

Question

Я использую Jquery - есть ли простой способ изменить цвет фона в div, когда пользователь переворачивает его?

Answer 1

Вы можете сделать это с помощью CSS:

#myDiv:hover { background-color: red; }
//or...
div:hover { background-color: red; }

Если вам нужна поддержка IE6 и тому подобное, и имеет для использования jQuery, переключите класс, например так:

.hover { background-color: red; }

Затем используйте .hover() и .toggleClass(), например:

$(".myDivs").hover(function() {
  $(this).toggleClass('hover');
});

Answer 2

Вы можете использовать событие .hover () :

$('#divid').hover(function() {
    // mouse enter
    $(this).css('background-color', 'red');
}, function() {
    // mouse leave
    $(this).css('background-color', 'blue');
});

Answer 3

Я думаю mouseenter & mouseleave лучше, чем зависание.Зачем?Причина пузыря;)

if($.browser.msie && $.browser.version < 7) {
    $('element').bind({
        mouseenter:function(){ $(this).addClass('over'); }, 
        mouseleave:function(){ $(this).removeClass('over');}
    });
}

После этого вы можете просто добавить немного магии CSS:

#element.over,
#element:hover {
/* do something */
}