我正在使用Jquery - 有一種簡單的方法可以在用戶翻轉它時更改div上的背景色嗎?Javascript Div翻轉
1
A
回答
2
你可以用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');
});
1
您可以使用.hover()事件:
$('#divid').hover(function() {
// mouse enter
$(this).css('background-color', 'red');
}, function() {
// mouse leave
$(this).css('background-color', 'blue');
});
0
我覺得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 */
}
+0
.support更好,而不是瀏覽器嗅探http://api.jquery.com/jQuery.support/ – redsquare 2010-06-20 15:26:03
相關問題
- 1. 用Javascript翻轉div div
- 2. javascript image翻轉內部div
- 3. 翻轉DIV onclick
- 4. jQuery移動div時翻轉?
- 5. 按類名翻轉div
- 6. Div不在IE上翻轉
- 7. JavaScript翻轉菜單
- 8. Javascript多次翻轉
- 9. Imageflip JavaScript不翻轉
- 10. javascript - 翻轉圖像
- 11. 更換div懸停(div翻轉)
- 12. 與雙方的html翻轉div
- 13. 翻轉多個圖像javascript
- 14. 使用javascript翻轉文本
- 15. 硬幣翻轉HTML/Javascript
- 16. javascript翻轉效果問題
- 17. 翻轉一個DIV在一個鏈接
- 18. jQuery在現有的div之間翻轉
- 19. 使用定時器翻轉div
- 20. jQuery翻轉!鏈接內部div
- 21. CSS div翻轉第一次工作
- 22. 我需要翻轉懸停的div
- 23. 轉到#div框JavaScript
- 24. jQuery div翻轉動畫點擊CSS和SASS不能正確翻轉
- 25. 翻轉圖像
- 26. SR翻轉翻牌和D翻轉翻牌
- 27. 的JavaScript翻轉文字水平
- 28. 如何添加圖像翻轉到Javascript
- 29. 使用webkit轉換前後翻轉div CSS3
- 30. 在javascript中跳轉div/jquery
是使用上有效的一個div一個僞類? – Thomas 2010-06-20 11:15:25
絕對是使用CSS的時間和地點。 :) – 2010-06-20 11:15:31
@Thomas - 是的,只有較老的IE(6)有問題,其他人都支持IIRC。 IE6只支持anchor上的':hover'僞類。 – 2010-06-20 11:16:12