避免html表在鼠标悬停时闪烁

Question

我需要避免鼠标悬停时html表闪烁.当有人徘徊在一排时,它会显示一个按钮,但桌子似乎有些奇怪.

这是我的代码 http://jsfiddle.net/7nqLg/2/

Answer 1

使用mouseenterandmouseleave代替。

jQuery('.myRow').mouseenter(function() {
    jQuery(this).find('div:first').css('visibility', 'visible');
}).mouseleave(function() {
    jQuery(this).find('div:first').css('visibility', 'hidden');
});

并且不要隐藏元素，将其可见性设置为hidden并在鼠标悬停时使其可见visible，这将避免闪烁，因为当您显示它时，div 会占用一些空间。使其可见性隐藏仍会占用空间，但不会显示。

演示