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 */ 
}