我正在使用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显示的翻转JavaScript
- 4. 翻转DIV onclick
- 5. 的jQuery DIV翻转
- 6. Javascript翻转
- 7. jQuery移动div时翻转?
- 8. Imageflip JavaScript不翻转
- 9. Javascript多次翻转
- 10. javascript - 翻转图像
- 11. JavaScript图片翻转
- 12. JavaScript翻转菜单
- 13. 在div中翻转图像?
- 14. 按类名翻转div
- 15. Div不在IE上翻转
- 16. 用jQuery(或CSS3)翻转div
- 17. div内的多个div - 水平翻转
- 18. 更换div悬停(div翻转)
- 19. 与双方的html翻转div
- 20. 多个DIV的翻转动画
- 21. 使用Angular和Javascript翻转div并显示不同的内容
- 22. Javascript/JQuery翻转卡游戏
- 23. 使用javascript翻转文本
- 24. 的Javascript翻转,隐藏
- 25. javascript旋转翻译功能
- 26. javascript翻转效果问题
- 27. 翻转多个图像javascript
- 28. JavaScript翻转动画错误
- 29. 硬币翻转HTML/Javascript
- 30. JavaScript中的形状翻转
是使用上有效的一个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