jquery – 避免鼠标悬停时html表闪烁

前端之家收集整理的这篇文章主要介绍了jquery – 避免鼠标悬停时html表闪烁前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

最佳答案
请改用mouseenter和mouseleave.

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

而不是隐藏元素设置隐藏和鼠标上的可见性使其可见,这将避免闪烁,因为div显示它时占用一些空间.隐藏其可见性仍将占用空间但不会显示.

Demo

猜你在找的HTML相关文章