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＆amp; 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 */
}